Cobalt Drift color palette — #F3F7EC · #77C99C · #2787C6 · #008756 · #011E17
A conversation between Cerulean and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Mint Leaf (#77C99C): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#2787C6): A full-bodied, balanced blue — the color of deep harbor water.
- Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#011E17): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Dusty Studio color palette (#F1F7F0, #70C5C1, #4383C7, #00837F, #211223)
- Patina Seafoam Villa color palette (#E7FAF9, #7AEAB0, #2F93CD, #008D59, #00060F)
- Quiet Olive Villa color palette (#F7F6E9, #A1C172, #00948A, #5B8000, #0C1D08)
- Antique Drift color palette (#FAEDD8, #43B6AC, #0083A9, #912456, #193820)
- Indigo Corridor color palette (#E9F6EB, #00C1CE, #6E50FF, #00777F, #0F0B2D)
- Muted Chartreuse color palette (#E7FAF6, #A2DE88, #869DEF, #70A757, #0E182B)
- Worn Lagoon color palette (#F3F6F1, #D1DCD9, #ADC4C2, #209482, #363D33)
- Patina Cerulean color palette (#F1F7F3, #B7DBC4, #9595CA, #009DB6, #362A31)
Browse the whole catalog at Explore, or see today's palette.