Cobalt Drift color palette — #F1F5FF · #A9ABDA · #9C9D5D · #6B6BA7 · #2D5746
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Mauve (#A9ABDA): A luminous, dusty violet — the color of a velvet chair.
- Moss (#9C9D5D): A luminous, balanced green — the color of fresh herbs.
- Slate (#6B6BA7): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#2D5746): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Pewter Coast color palette (#F6F3FF, #CD9EC6, #78A67D, #915E8B, #1F5753)
- Hushed Atelier color palette (#EFF1FC, #B7ABD8, #B2995C, #7A5FB3, #3E2F00)
- Antique Iris Cabin color palette (#FFF0F7, #C6BDE8, #C6AF70, #927AD5, #504D46)
- Aged Loft color palette (#ECF7FF, #7AB9DD, #BF8C6B, #357A9F, #604351)
- Pewter Studio color palette (#ECFAEB, #A6C0AC, #70886D, #755163, #3C4C43)
- Antique Driftwood Balcony color palette (#F2F5FF, #978FCB, #B67957, #3F856F, #3D4154)
- Tempered Cerulean Villa color palette (#F2F5FF, #DFD7E1, #DAB2B7, #7187A8, #4D4E61)
- Pewter Corridor color palette (#F5F4FC, #A5CBAD, #705172, #3A344D, #2B202B)
Browse the whole catalog at Explore, or see today's palette.