Cobalt Grove color palette — #FCEDD2 · #DDB42D · #2288DE · #8A6E00 · #133759

A conversation between Azure and Saffron, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCEDD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#DDB42D): A luminous, balanced green — the color of fresh herbs.
• Azure (#2288DE): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#8A6E00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#133759): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Cobalt Grove 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

• Mustard Lagoon color palette (#F8EED3, #B8AB1E, #838CE1, #7D7400, #2D3159)
• Airy Apricot Corridor color palette (#FFEADA, #FF9D5C, #0091C0, #A65B25, #003B51)
• Chalky Drift color palette (#FAEDD6, #AA8932, #4D78C0, #6D5200, #173364)
• Frosted Amber Delta color palette (#E2F4E5, #DFB966, #86AFFF, #B78900, #193267)
• Sunlit Lime Grove color palette (#F1F1D3, #93CD63, #A069C4, #567F33, #402B4E)
• Weathered Garden color palette (#F5E2C5, #D1A12C, #936BA4, #4175C5, #372910)
• Wandering Amethyst color palette (#EFE5D2, #A38200, #6E51F0, #655000, #190F42)
• Bronze Courtyard color palette (#F6E5CE, #B8B075, #9E7935, #76513A, #31312A)

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