Cobalt Canyon color palette — #FFF0FE · #507FD2 · #6D7829 · #505828 · #3E2C3C

Built around Azure, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#507FD2): A luminous, balanced violet — the color of a velvet chair.
• Olive (#6D7829): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#505828): A full-bodied, dusty green — the color of a quiet forest floor.
• Espresso (#3E2C3C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

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

• Cornflower Field color palette (#FEF0FF, #5576D3, #18712B, #264F2B, #292D19)
• Lilac Meadow color palette (#FFF1F6, #9E7ECB, #648B5D, #4A6944, #48383E)
• Muted Cobalt Pier color palette (#E1FCF4, #3286CC, #9A6227, #714920, #233832)
• Cerulean Workshop color palette (#E6F4FF, #3E8FBC, #6A7E36, #20603D, #0A1C28)
• Soft Orchid color palette (#FFF1F6, #9E6DD3, #5B6C1B, #005732, #003C38)
• Ancient Summit color palette (#EEFAE3, #888DE8, #92536B, #125B47, #4C363D)
• Timeworn Iris Alley color palette (#FFF0F9, #9197E2, #BC788A, #0E7E7F, #402B39)
• Worn Amethyst Boulevard color palette (#E2E1FF, #754EFF, #285600, #00402D, #1E1643)

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