Cerulean Coast color palette — #ECF3F7 · #D4D7E0 · #B7ACBB · #5D8AA0 · #30373B

Built around Storm Blue, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D4D7E0): a clean, paper-quiet neutral.
• Ash (#B7ACBB): A luminous, dusty pink — the color of a candy shop window.
• Storm Blue (#5D8AA0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#30373B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Powder color palette (#E6F4FF, #AFC3DF, #9296AD, #806372, #2E4133)
• Softworn Petrol Garden color palette (#ECF3F8, #D6D5E8, #B3BFDC, #0072A9, #1C262F)
• Driftwood Hollow color palette (#F0F7F2, #D0DFE1, #BFB5A9, #6A8B73, #4E5450)
• Lagoon Study color palette (#E8F5F2, #9FCECA, #58907B, #496771, #1F3634)
• Ancient Boulevard color palette (#E8F6EB, #67B8D6, #5F77AB, #764235, #1E2E3B)
• Worn Navy color palette (#DDE1E9, #AFB2C3, #8B89AA, #303B83, #070B13)
• Timeworn Summit color palette (#DBE3E9, #808FA0, #596B8C, #002E3F, #000103)
• Grape Lantern color palette (#F0F1FB, #D5D0E7, #C99CB4, #7630AC, #18172B)

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