Cobalt Canyon color palette — #FEF1F7 · #8FD9FF · #527FC8 · #00675E · #3E3963

Azure and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Ice Blue (#8FD9FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#527FC8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#3E3963): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Forest Atelier color palette (#FCF1FB, #79E2E6, #008CB4, #0C6B34, #264164)
• Worn Ridge color palette (#FFF1F6, #6BC2F4, #3A66CD, #005651, #36265F)
• Worn Cobalt color palette (#F0F4E5, #9CD9FA, #2D8BC4, #005F73, #002646)
• Patina Cypress color palette (#F1F7F0, #DBDDEE, #8899BE, #3A7A7E, #4F5068)
• Patina Olive color palette (#D8FFF4, #C2E3FF, #9AACFA, #6D7D23, #1F4D5C)
• Feathered Clover color palette (#E2EBD5, #0FBE31, #008369, #005D5D, #203E5F)
• Worn Lagoon Cabin color palette (#FAE9F9, #019298, #004359, #00240E, #00081E)
• Powder Courtyard color palette (#FFF3EA, #C5EBFF, #80BAFF, #00A5A6, #313876)

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