Cobalt Canyon color palette — #F9EDD8 · #A38200 · #007BBE · #665000 · #001D31

Cerulean and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EDD8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#A38200): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#007BBE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#665000): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#001D31): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Timeworn Lantern color palette (#F6E1D1, #C86A00, #008399, #7D4000, #001F26)
• Tempered Cobalt color palette (#D4EEDD, #CEAD2D, #007FD7, #866E00, #001B35)
• Sapphire Garden color palette (#DAF7DE, #C99622, #0069D3, #654800, #000719)
• Soft Balcony color palette (#FAE6C9, #976C00, #0067C7, #5930C5, #1A0F00)
• Worn Amethyst color palette (#E9E2D3, #9D8500, #7942FC, #625200, #1D034C)
• Aged Lantern color palette (#EDDDBC, #8A6700, #00685C, #4A3500, #00201C)
• Misty Archive color palette (#EBE6C2, #A2BE2A, #7162EC, #607300, #2A196F)
• Hazy Byzantium Ridge color palette (#E7E1D2, #998700, #BA00C3, #5F5300, #300033)

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