Cobalt Canyon color palette — #F4F7EB · #9FCCE7 · #457EA9 · #005C73 · #49304C

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Sky (#9FCCE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#457EA9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#49304C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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 Cerulean color palette (#F5F6EB, #91D1DB, #2B8599, #00605F, #094152)
• Softworn Garden color palette (#F4F6EE, #C3E8E9, #6FA0C1, #537863, #35514A)
• Aged Pier color palette (#DEE3D4, #4587B6, #003D70, #00202D, #00071F)
• Softworn Lagoon color palette (#FBF3ED, #C2EBDB, #93B1EE, #00A198, #3C3160)
• Gentle Moss color palette (#F2F0D9, #789D00, #0086A3, #496000, #003C4B)
• Aged Harbor color palette (#EBF0E2, #65A4DE, #0054AC, #003A53, #0A1B47)
• Wandering Olive Parlor color palette (#E9E8BE, #5A8A00, #007C7D, #834B00, #2E2D13)
• Dusty Olive Harbor color palette (#F7F8D7, #C5F2C7, #7DBDA2, #617036, #414400)

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