Cerulean Coast color palette — #F8F5EF · #CBE7EA · #9CB2DA · #3193B1 · #624A5B

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Frost (#CBE7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#9CB2DA): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#3193B1): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#624A5B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Powder Canyon color palette (#F0F7F1, #DAD5DF, #B1CCFE, #669BAD, #444D63)
• Weathered Hollow color palette (#F9F4EF, #CAE7EB, #8A96CA, #287C80, #634B54)
• Lagoon Canyon color palette (#F8F5EF, #CBE7E0, #7CBDCC, #479782, #355145)
• Weathered Coral color palette (#F5F7E4, #97BE8B, #84A6D9, #CF7377, #42433C)
• Cerulean Delta color palette (#F5EDE1, #A6D0B8, #2890C3, #006C6C, #002F56)
• Cobalt Quarry color palette (#E9E1D4, #8FBDAE, #3974C5, #005768, #121849)
• Worn Courtyard color palette (#EDE4D6, #609FA0, #006373, #003D30, #000B12)
• Washed Turquoise color palette (#FAF4EB, #BEE7C9, #00ABD6, #008478, #004567)

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