Cerulean Coast color palette — #FAEFEB · #B1D1B8 · #2E85B1 · #005F3A · #101F3E

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAEFEB): bright and airy, almost weightless.
• Pistachio (#B1D1B8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2E85B1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F3A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#101F3E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Weathered Cobalt Villa color palette (#F6F1EB, #ABD1C5, #6475C3, #005B5C, #281441)
• Wandering Workshop color palette (#F9F3F8, #A3E1E7, #2DA1D4, #327D54, #293B54)
• Washed Abyss Archive color palette (#E8DED9, #43838F, #004060, #002014, #00000C)
• Weathered Denim Meadow color palette (#ECDFD8, #6DA6B6, #005C95, #003B2C, #050031)
• Peony Meadow color palette (#E9ECD3, #6FA15F, #B65C99, #226000, #330727)
• Nightshade Ridge color palette (#FBEDE2, #5E90B2, #223AA4, #002C2A, #060016)
• Tempered Boulevard color palette (#E9E3D6, #929F47, #15771B, #00533E, #002220)
• Ancient Courtyard color palette (#E7F7D0, #63BC9C, #007F46, #003F2E, #00140C)

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