Cerulean Coast color palette — #FBF2F6 · #C6E1F1 · #628CC2 · #137263 · #3C4664

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Powder Blue (#C6E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#628CC2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#137263): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3C4664): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Courtyard color palette (#FDF1F8, #8CDBF6, #0082DD, #006855, #363A68)
• Cerulean Courtyard color palette (#F7F1E7, #BEE7D4, #5894C2, #2B696E, #3A223A)
• Tempered Hollow color palette (#F0F7F1, #CDE1FF, #7DAACF, #46868C, #37495F)
• Ancient Bronze color palette (#EAF8FF, #0098B4, #9C7400, #616910, #203C49)
• Washed Cerulean Canyon color palette (#E8DFE5, #258F9F, #004161, #002415, #01002F)
• Ancient Studio color palette (#F5EBF5, #5BAEB0, #00607C, #004119, #001F42)
• Washed Hollow color palette (#B8F1E0, #25BDC4, #0087B3, #02598F, #3F4468)
• Quiet Grove color palette (#FCF1FE, #54CDC7, #007A94, #0A5A0E, #00355C)

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