Cobalt Drift color palette — #FFF2EA · #8FDAF9 · #3C84C3 · #006762 · #2D3C6E
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Ice Blue (#8FDAF9): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#3C84C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006762): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2D3C6E): A deep, shadowed, balanced violet — the color of wild irises.
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
- Forest Ridge color palette (#FFF2EB, #86E0DE, #008EA7, #006A40, #16445F)
- Cobalt Station color palette (#FBEFE7, #9FDAF2, #4B85CA, #006455, #201D4B)
- Hazy Archive color palette (#FFF3E9, #69C4EF, #006EC9, #005655, #242A69)
- Periwinkle Balcony color palette (#FFF0F8, #A7E6FF, #509EF6, #008571, #39396A)
- Ancient Petrol Garden color palette (#FAF4EE, #C8EAED, #AE8DA9, #3A7982, #604C57)
- Tempered Cerulean Veranda color palette (#F3E6DE, #049FC1, #004E79, #00302B, #030F37)
- Airy Study color palette (#EDF9EF, #C1ECFF, #65C0FE, #00A4AC, #153F74)
- Clover Coast color palette (#DDE4D7, #00B947, #008961, #005B4F, #0F3E55)
Browse the whole catalog at Explore, or see today's palette.