Cerulean Drift color palette — #FFF2EC · #87DBE3 · #0098CF · #007746 · #052C73

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Ice Blue (#87DBE3): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0098CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
• Navy (#052C73): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Worn Fern Drift color palette (#FBEAE6, #AFCEAB, #0095B3, #266F24, #043051)
• Hushed Cornflower color palette (#FFF3E8, #86D6FF, #4087FE, #007369, #34226B)
• Dusty Pine Dune color palette (#FFF2ED, #BEDEC3, #5E9EBF, #297E50, #4B2F4A)
• Faded Turquoise color palette (#FDF4E5, #8AECF8, #00BDE6, #009988, #003751)
• Petrol Basin color palette (#EDF9EF, #6EC8D3, #007A96, #00574C, #003751)
• Cobalt Workshop color palette (#F1E2DB, #93BDA1, #1F7BB4, #005C41, #101949)
• Airy Garden color palette (#F6E7DB, #62ACD2, #295FC5, #004B45, #17013E)
• Aged Basin color palette (#FBF3EF, #CCE9E6, #8FBCAF, #5B9480, #624A5B)

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