Cobalt Field color palette — #FCF1FC · #97B1DA · #AB9852 · #4872B5 · #584C20
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF1FC): bright and airy, almost weightless.
- Mauve (#97B1DA): A luminous, dusty blue — the color of deep harbor water.
- Moss (#AB9852): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#4872B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#584C20): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.
Use it as a design system
One click turns Cobalt Field 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
- Misty Field color palette (#FFF1F4, #C2A2D0, #8FA16A, #9255A9, #465329)
- Petrol Quarry color palette (#EDF9F2, #83B9CD, #CA827F, #007F9D, #6C3E3D)
- Softworn Cobalt color palette (#ECF2FC, #9AB4E3, #55B18A, #4D70B3, #123739)
- Timeworn Olive Atelier color palette (#FFF0F9, #9091CC, #AE7E50, #7C7B15, #513A48)
- Blush Workshop color palette (#FDF1FB, #A9C3FF, #EE91A8, #6C8AD1, #624540)
- Dusty Grove color palette (#FDE8EE, #A17CB9, #778A1E, #7500A2, #313B00)
- Dusty Workshop color palette (#FFF0FA, #8E98FA, #6C8C00, #3F1BCC, #314200)
- Weathered Cerulean Station color palette (#FFF0FE, #E8D9D7, #F0BABE, #5B97B2, #5F4A57)
Browse the whole catalog at Explore, or see today's palette.