Cobalt Canyon color palette — #F9F4ED · #ADCDC4 · #5977B5 · #005C75 · #34375B

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Oat (#ADCDC4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5977B5): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#34375B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Ridge color palette (#F9F4EE, #B0CEB4, #00869E, #006151, #004058)
• Aged Cobalt color palette (#F7F1E9, #A9D1C7, #6C74BC, #005B60, #361222)
• Wandering Cobalt Field color palette (#FCF4E9, #7CC1E6, #0071BD, #00545E, #0F2D6F)
• Dusty Iris color palette (#F1F7F0, #B7D8F8, #7A8BF1, #007B7F, #413254)
• Cerulean Lantern color palette (#F0F8F1, #C9E3FF, #94B1EC, #3798B9, #34375A)
• Softworn Boulevard color palette (#E4DED3, #6298AB, #004F73, #003031, #00142C)
• Timeworn Thicket color palette (#F8F5EF, #C9E7EA, #7E9AC6, #1C7A92, #614A5B)
• Cobalt Terrace color palette (#FDEBD6, #B18447, #317DC0, #774C00, #003761)

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