Cobalt Drift color palette — #FCF1FB · #97B0E0 · #A49B51 · #4F71B4 · #504D46

Built around Slate, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Mauve (#97B0E0): A luminous, dusty violet — the color of wild irises.
• Moss (#A49B51): A luminous, balanced green — the color of new leaves after rain.
• Slate (#4F71B4): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#504D46): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Amber Meadow color palette (#FCF1FD, #8BB3E6, #D67E59, #4174B3, #534B47)
• Taupe Field color palette (#FFF1F4, #C5A0D1, #9E9E51, #886294, #4F4D46)
• Weathered Powder Drift color palette (#EBF2FF, #9DB0F2, #B19A5A, #606EA2, #1D3826)
• Washed Powder color palette (#FEF1FA, #AFC1FF, #C6AF75, #7C8AB9, #504C46)
• Worn Station color palette (#FDF0FF, #6E9CCD, #829336, #638143, #4A3D4C)
• Denim Lagoon color palette (#FBF2F6, #9FCDAE, #62538A, #4D2D3D, #2F2221)
• Sunlit Emerald color palette (#FFF1F1, #CB87AE, #29A357, #924875, #42433C)
• Antique Thicket color palette (#FFF0F9, #BABFF0, #7C78C2, #484A7E, #4D2C3C)

Browse the whole catalog at Explore, or see today's palette.