Quiet Coast color palette — #EAF2EB · #6DA1D2 · #174BC1 · #003746 · #070428

A conversation between Cobalt and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Cream (#EAF2EB): bright and airy, almost weightless.
• Cornflower (#6DA1D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#174BC1): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003746): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070428): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

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

• Wandering Bloom color palette (#E6DED5, #6FA4D3, #4048B0, #003E40, #28123F)
• Weathered Denim color palette (#DEE9E0, #51A9C4, #005F86, #003939, #000B1B)
• Wandering Cobalt color palette (#EFE5D4, #82B6E9, #4470CB, #00566C, #181746)
• Timeworn Navy Delta color palette (#DCEBDF, #4D7EA3, #00377F, #001E26, #01000C)
• Airy Indigo color palette (#FFF1F5, #A7D1F7, #5F6AE4, #005154, #150028)
• Worn Thicket color palette (#EDEBF9, #D892C1, #D55E6B, #502B84, #110821)
• Cerulean Market color palette (#EAF5EC, #90E0DF, #0093A4, #00654C, #002A37)
• Aubergine Hollow color palette (#E7EAFF, #714AC9, #610098, #40004C, #1E001D)

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