Cobalt Drift color palette — #EFF1FF · #F8D2D2 · #FF9C7B · #3174BB · #3B1A36
A conversation between Cerulean and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF1FF): a clean, paper-quiet neutral.
- Shell Pink (#F8D2D2): A whisper-light, dusty red — the color of a theater curtain.
- Melon (#FF9C7B): A luminous, balanced orange — the color of sun-warmed clay.
- Cerulean (#3174BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#3B1A36): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Warmth, Comfort, Balance. Tagged pastel, light, warm.
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 Blush color palette (#EAF3FF, #F2D4FF, #FF8F98, #0087B0, #2C294B)
- Sunlit Market color palette (#F3EFFF, #FFD1D0, #EEB200, #6665C2, #3F1926)
- Dusty Petrol color palette (#FAF1FF, #FFCCEB, #EB98A6, #6C5EA5, #473B5C)
- Amber Canyon color palette (#E8E9FF, #FFB7CD, #CC8653, #4961A2, #1C1027)
- Wandering Cobalt color palette (#FFF1F7, #F5D1D1, #FFB390, #5D8DC8, #613F46)
- Muted Lilac color palette (#FFF1F4, #E8D6D7, #BCB3A6, #9A8AE8, #512E32)
- Patina Grape Veranda color palette (#FFECF0, #FFC0A0, #B5B000, #8139A1, #3C1407)
- Feathered Nightshade color palette (#E3DEF3, #E48E89, #AF8103, #4B378F, #240012)
Browse the whole catalog at Explore, or see today's palette.