Cerulean Coast color palette — #FFF2EE · #ECB7BD · #98B383 · #5D8ABC · #5F333A

Slate Blue takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose Quartz (#ECB7BD): A whisper-light, dusty red — the color of embers at dusk.
• Sage (#98B383): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#5D8ABC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5F333A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Iris Meadow color palette (#FDF3EA, #E5BF9E, #5DBCB0, #9677B5, #5C3822)
• Ash Summit color palette (#FFF2EE, #E8D8CC, #C5BE9E, #B18FA9, #644A4E)
• Wandering Jade color palette (#F9F5ED, #E3CA7E, #6FAB6B, #307877, #3D3732)
• Hushed Teal Orchard color palette (#FAF4EF, #D0E5E5, #A4CAF7, #64B1B1, #63495C)
• Timeworn Field color palette (#ECF9F4, #ADB882, #609A81, #007687, #2D4461)
• Airy Balcony color palette (#F2E7CA, #B8AC00, #0095D2, #BE004F, #2F2200)
• Aged Balcony color palette (#FFF3E5, #EBDAA8, #BDB871, #81974E, #4F5049)
• Ancient Basin color palette (#FCEFE3, #E99F58, #00AA9D, #8952B2, #501400)

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