Cobalt Drift color palette — #FFF0F9 · #9CD9EE · #2686C6 · #00675F · #2A3D6D

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#9CD9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2686C6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00675F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2A3D6D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Cobalt 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

• Linen Drift color palette (#FFF0F8, #69C5EB, #0071BF, #005653, #1E2970)
• Wandering Ridge color palette (#F1F4E5, #AEDCC3, #008FBC, #00616B, #00283E)
• Antique Canyon color palette (#E8F9F7, #B9E2F8, #00AADF, #00808E, #004566)
• Wisteria Courtyard color palette (#EBF7FF, #D8D8EA, #C79DEE, #007D7B, #154869)
• Frosted Rust color palette (#EBF7FF, #00A2D2, #CD531B, #006585, #662100)
• Powdered Sky Parlor color palette (#FFF2EA, #BCEEFF, #69BFFF, #00A79A, #293E6C)
• Worn Lagoon color palette (#F3E1ED, #498E89, #00454F, #00240F, #000B13)
• Rust Quarry color palette (#D4F0FF, #008CB8, #BB4900, #8E4E00, #003649)

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