Back to palettes

Palette

Oceanic Sorbet Kiss

A refreshing blend of soft coral and mint, reminiscent of a delicate, fruity sorbet by the ocean.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Sorbet Kiss reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Oceanic Sorbet Kiss.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FF6B6B#F7CAC9#9EEBCF#6DECB7#A1EEF0

Palette guide

How to use Oceanic Sorbet Kiss

Overview

The "Oceanic Sorbet Kiss" palette offers a delightful and refreshing blend of soft coral and invigorating mint, perfect for designs aiming for a playful yet sophisticated touch. Featuring vibrant #FF6B6B alongside gentle #F7CAC9, cool #9EEBCF, lively #6DECB7, and ethereal #A1EEF0, this collection evokes the serene beauty of a tropical getaway. Designers and developers can leverage its harmonious balance to create inviting user interfaces, memorable branding, and engaging digital experiences. The palette excels in projects requiring a fresh, clean aesthetic that feels both modern and approachable, making it versatile for various applications from e-commerce to lifestyle content.

Best used for

  • Children's product packaging and branding
  • Summer fashion and beauty campaigns
  • Spa, wellness, and self-care applications
  • Playful mobile app interfaces and branding
  • Dessert shop or café branding and decor
  • Event branding for spring/summer celebrations

Suggested color roles

primary

Use this vibrant coral, #FF6B6B, for impactful call-to-action buttons, key headlines, or brand logos to grab attention with its energetic yet inviting warmth.

secondary

This fresh mint, #6DECB7, is ideal for navigation elements, subheadings, or as a calming background accent, providing a cool counterpoint to the primary coral.

accent

A light, airy blue, #A1EEF0, is perfect for subtle highlights, interactive states like hover effects, or delicate illustrations, adding a touch of ethereal lightness.

background

A soft, warm light coral, #F7CAC9, is excellent for main content areas or lighter mode backgrounds, offering a gentle, welcoming canvas that isn't stark white.

text

For optimal readability against #F7CAC9 or #9EEBCF, a deep charcoal like #222222 or #333333 is recommended, ensuring strong contrast while maintaining a soft aesthetic.

Accessibility notes

  • Ensure sufficient contrast between #FF6B6B and #F7CAC9 if used for text, as their proximity in lightness can cause readability issues.
  • Always test text legibility using a dark charcoal or black against #F7CAC9, #9EEBCF, and #A1EEF0 to meet WCAG guidelines.
  • Avoid using #A1EEF0 for small text or critical information due to its light value, especially on light backgrounds.
  • Verify that interactive elements like buttons using #FF6B6B or #6DECB7 have a clear focus state with adequate contrast.

Recommended combinations

Tropical Glow

Ideal for vibrant, playful branding or summer-themed digital campaigns, evoking warmth and lightness.

#FF6B6B · #F7CAC9 · #A1EEF0

Minty Calm

Perfect for wellness apps, eco-conscious brands, or designs needing a serene, fresh, and clean aesthetic.

#6DECB7 · #9EEBCF · #A1EEF0

Sorbet Pop

Excellent for dynamic UI elements, playful illustrations, or highlighting key information with a fresh, energetic contrast.

#FF6B6B · #6DECB7 · #A1EEF0

CSS variables

:root {
  --oceanic-sorbet-kiss-1: #FF6B6B;
  --oceanic-sorbet-kiss-2: #F7CAC9;
  --oceanic-sorbet-kiss-3: #9EEBCF;
  --oceanic-sorbet-kiss-4: #6DECB7;
  --oceanic-sorbet-kiss-5: #A1EEF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-sorbet-kiss": {
        1: "#FF6B6B",
        2: "#F7CAC9",
        3: "#9EEBCF",
        4: "#6DECB7",
        5: "#A1EEF0",
      }
    }
  }
}

Related searches

pastel coral mint paletteplayful summer color schemesoft tropical colorsfresh pastel brandinglight sorbet color combination

Palette colors

Hex values

Color 1#FF6B6B
·
Color 2#F7CAC9
·
Color 3#9EEBCF
·
Color 4#6DECB7
·
Color 5#A1EEF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2:1Fail
1.9:1Fail
2.1:1Fail
2
1.9:1Fail
1.1:1Fail
1:1Fail
1.1:1Fail
3
2:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail
4
1.9:1Fail
1:1Fail
1.1:1Fail
1.1:1Fail
5
2.1:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Oceanic Sorbet Kiss

View all pastel
Coral Reef Play
Bubblegum Pop Sky
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Serenade
Candy Floss Swirl