Cerulean Coast color palette — #F1F7F2 · #D1DCDC · #D4BAC3 · #1990A2 · #333E36

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D1DCDC): bright and airy, almost weightless.
• Stone (#D4BAC3): A luminous, dusty rose — the color of strawberry cream.
• Cerulean (#1990A2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#333E36): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Cypress Veranda color palette (#F0F7F1, #CCDDDF, #C6A9BD, #007278, #333E35)
• Wandering Lagoon color palette (#EEF7FA, #D5D9E8, #C3BDD5, #63AEB3, #2E3D43)
• Dusty Lagoon color palette (#F3F6F0, #D0DDD7, #ACC5BF, #25966C, #2F4200)
• Wandering Lagoon color palette (#F7F6EA, #B3B892, #38946B, #007271, #35362F)
• Wandering Coast color palette (#F9F3F9, #EAD8E4, #D8B1C3, #0075E2, #3C2D3C)
• Cobalt Dune color palette (#CCE8DE, #0089C7, #2F3F60, #08281F, #05100A)
• Tempered Periwinkle Summit color palette (#F9F3F8, #DFD7D8, #B8AFA8, #849BCE, #575055)
• Patina Chestnut color palette (#CDF0DD, #CFAED0, #9088B1, #915939, #5E4414)

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