Cobalt Canyon color palette — #FFF0FE · #9AC0FF · #DD9827 · #3E72C9 · #392300

Sapphire and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#9AC0FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#DD9827): A luminous, balanced gold — the color of afternoon light on wheat.
• Sapphire (#3E72C9): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#392300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Quiet Indigo Delta color palette (#FFF0F9, #B3B7FF, #A0B051, #6A6AC4, #252C00)
• Amber Quarry color palette (#E4FCEF, #7DDCFF, #E47439, #0083A4, #411C08)
• Mustard Market color palette (#FFF0FB, #C6D2FF, #C4BF6D, #7786C4, #3B3831)
• Cornflower Coast color palette (#E4F0FF, #99C0FF, #F38AB0, #548FF1, #581D35)
• Sunlit Grape color palette (#FFF1F5, #D5ACFF, #929E00, #8427C4, #1E2100)
• Hazy Drift color palette (#E4F0FF, #668FCB, #A26C00, #0050B2, #4A2F00)
• Teal Basin color palette (#D8FFF5, #E8DCE0, #A6A89E, #4EA5A9, #473342)
• Dusty Bronze color palette (#FEF0FF, #81BDFF, #998300, #5A7A29, #271229)

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