Cobalt Drift color palette — #FDF1F7 · #A6CBE2 · #477CAF · #00605D · #2A3A58
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF1F7): a clean, paper-quiet neutral.
- Sky (#A6CBE2): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#477CAF): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#2A3A58): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Studio color palette (#F1F3E8, #AAD2BF, #2685B6, #005968, #00223B)
- Azure Market color palette (#EDF8F7, #BAD9EE, #3AA0D6, #00798D, #153E5C)
- Wandering Petrol color palette (#F5EBF2, #7ABFBF, #00748B, #005333, #00324C)
- Muted Lagoon color palette (#EFDFEA, #479FA4, #005267, #003121, #001527)
- Antique Dune color palette (#F1DCFA, #B65478, #007F66, #006172, #35243C)
- Muted Study color palette (#F9E8EF, #4789AB, #003B77, #002223, #06002C)
- Weathered Meadow color palette (#F8EBF0, #70A6C9, #2C5697, #003D41, #1A134D)
- Weathered Delta color palette (#FAF1FF, #FFCFD8, #C4A36F, #865E95, #4A3749)
Browse the whole catalog at Explore, or see today's palette.