Worn Cobalt Canyon color palette — #F8F0EB · #98D2E4 · #3A83B4 · #005C53 · #2E172C

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Sky (#98D2E4): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3A83B4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#2E172C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Hushed Ridge color palette (#FEF1F9, #9FCCE5, #487CAE, #00624E, #32365F)
• Aqua Terrace color palette (#FFEEE6, #00D3E4, #007DA1, #00543F, #001B34)
• Cypress Drift color palette (#F7F1EA, #BBE7D9, #768DBB, #106A74, #3C2232)
• Sapphire Workshop color palette (#F3E7DA, #8FB8DF, #4962C0, #004A54, #170F2F)
• Patina Azure color palette (#D6F0E4, #009FD0, #BB5C44, #005D7C, #370A01)
• Soft Cerulean color palette (#BDE9E2, #00A3AE, #007690, #00415C, #0C2441)
• Dusty Ridge color palette (#E9DCD2, #2884A3, #003E69, #001F1E, #00000C)
• Lilac Workshop color palette (#E0F9EB, #D1E3FF, #BBA1E1, #37746D, #02271F)

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