Cerulean Drift color palette — #FFF2EB · #B1F4F2 · #00A3BD · #006E40 · #002133

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#B1F4F2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A3BD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E40): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Azure Orchard color palette (#FEF3EC, #C2EDFF, #3F98E0, #006A65, #0E1A44)
• Timeworn Turquoise Field color palette (#E7F1EF, #ABDDEA, #00BAC4, #00937F, #00353C)
• Dusty Teal Boulevard color palette (#D2EAD9, #00C6A5, #008C84, #00505B, #00222C)
• Cobalt Studio color palette (#FEF3ED, #99D7E7, #0084BB, #005347, #000B25)
• Weathered Denim color palette (#F9EBE4, #59B1BF, #005D7D, #002C22, #000104)
• Weathered Abyss Quarry color palette (#F5EBF2, #72C1BE, #007588, #00532F, #033249)
• Coral Courtyard color palette (#E6FDE6, #00C2C4, #DD676F, #007273, #350008)
• Sky Archive color palette (#FFF2EB, #D6D7E6, #50B8FF, #00897D, #1E335F)

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