Cerulean Drift color palette — #F5F6EE · #C2E7CF · #4196B2 · #146F74 · #314F43

Cerulean and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#C2E7CF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4196B2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#146F74): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#314F43): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Drift 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 Cerulean color palette (#F3F7ED, #BBE7DB, #658CBF, #236A8B, #563F53)
• Ancient Cerulean Grove color palette (#F5F6EA, #75E0F3, #008EAA, #006667, #00475D)
• Lagoon Cabin color palette (#F1F7F2, #CFDEF6, #72AECA, #368A84, #334A5F)
• Lagoon Villa color palette (#ECEDDA, #1B9195, #00454C, #00231F, #000C0F)
• Antique Ridge color palette (#EEF0E1, #69BFD9, #007295, #004F56, #00324A)
• Iris Thicket color palette (#FFF0F7, #8D74DB, #B5577A, #2C728C, #45313B)
• Frosted Periwinkle color palette (#DEECFF, #75A1FC, #5C75C5, #52568C, #533C5D)
• Washed Teal Quarry color palette (#FBF3EF, #C8E5E2, #94C3EA, #4BAD8B, #5A3C53)

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