Cerulean Coast color palette — #FAF4F0 · #C0E7D2 · #5B8FBD · #00716B · #554051

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C0E7D2): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5B8FBD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00716B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#554051): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Washed Cerulean color palette (#FBF3EF, #CDE3CD, #009AB8, #12744C, #2F4F45)
• Sunlit Meadow color palette (#FFF2EB, #8BDCF4, #0087C9, #00685D, #2A3F67)
• Antique Teal Studio color palette (#F0F7F2, #D3DEF6, #8DC5EC, #4CA8AC, #334963)
• Timeworn Emerald Alley color palette (#FFF1F2, #B36DA1, #149349, #00768A, #4A2F32)
• Washed Cerulean Market color palette (#F6ECE7, #408D99, #00425A, #00231A, #00091A)
• Aged Pier color palette (#FFF1F1, #E3D6CF, #EFC492, #9074A6, #5D4742)
• Teal Veranda color palette (#F1E2DA, #52B0AC, #006272, #004122, #002334)
• Wandering Cobalt color palette (#F5EDE6, #8EBEA8, #006AB8, #00504E, #212A53)

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