Quiet Coast color palette — #DEFFE6 · #FFA0A8 · #A38100 · #2754A5 · #471600

Built around Cobalt, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DEFFE6): A whisper-light, dusty teal — the color of sea glass.
• Ballet Pink (#FFA0A8): A luminous, balanced red — the color of late-summer berries.
• Mustard (#A38100): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#2754A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#471600): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Quiet Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Misty Apricot color palette (#E5FDE4, #FC9973, #79872B, #444989, #311C00)
• Mallow Chapel color palette (#F4FBCA, #FF95E0, #C96800, #006084, #480F20)
• Airy Amber color palette (#FFF4E2, #FFA87F, #C49500, #0089A1, #512A00)
• Pale Studio color palette (#DEFFE4, #F77460, #736E00, #22397C, #200D00)
• Hushed Thicket color palette (#FFF1F6, #FABE7D, #749F73, #66598E, #1E3829)
• Feathered Navy Courtyard color palette (#FFF4E2, #DB5A74, #795B00, #18399C, #51281B)
• Muted Lantern color palette (#FFF1F2, #FFDCBA, #98AB7F, #6D6898, #3C3562)
• Wandering Corridor color palette (#FFF0F8, #FF894F, #008BB1, #005683, #02175B)

Browse the whole catalog at Explore, or see today's palette.