Cobalt Canyon color palette — #ECF7FF · #AFD7F7 · #7BA1D3 · #4D6BB1 · #3D4280

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Powder Blue (#AFD7F7): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7BA1D3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4D6BB1): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3D4280): A full-bodied, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Pewter Delta color palette (#F1F5FF, #BEC7EE, #A993CC, #855AA0, #623367)
• Hushed Petrol Drift color palette (#E2FAFF, #A4E0DF, #5DA9B4, #007C91, #00536D)
• Tempered Cobalt Field color palette (#E5F9FF, #88C8DE, #5384BA, #495591, #534071)
• Aged Market color palette (#D7E2FC, #949CED, #6D5EC6, #5D00A8, #370054)
• Aged Periwinkle color palette (#E9F3FE, #69A0D7, #4D596B, #2C3948, #1D2227)
• Timeworn Driftwood color palette (#F1F5FF, #CFD2E5, #ADABC3, #907990, #5F4E58)
• Faded Pier color palette (#D5E8FF, #91B3FF, #737AF0, #6200E8, #440085)
• Nightshade Harbor color palette (#D7E1EB, #3671C4, #1834B7, #190063, #050019)

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