Hazy Canyon color palette — #E6DCE7 · #8FCDC9 · #00A2C3 · #178316 · #00213B

Olive Leaf and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E6DCE7): a clean, paper-quiet neutral.
• Mint Leaf (#8FCDC9): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#178316): A full-bodied, vivid green — the color of a quiet forest floor.
• Midnight (#00213B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Azure Pier color palette (#F5E9F0, #77CEE6, #0798F0, #008063, #151A42)
• Timeworn Thicket color palette (#CDE3F8, #0093E7, #978300, #547726, #001324)
• Petrol Lagoon color palette (#EFE9E0, #80BFBA, #00848F, #005C41, #00242D)
• Powdered Periwinkle Study color palette (#FEF1F8, #9DE6FF, #5FB0FF, #009A7E, #292968)
• Pale Blush color palette (#C8E2FB, #C5C7FF, #FB8AC4, #0097A6, #172140)
• Muted Spruce Harbor color palette (#F2E7E0, #67AAA5, #006371, #003C1C, #000D15)
• Antique Coast color palette (#F7EAEE, #7BA6C8, #4A5DF6, #005D5D, #0F0022)
• Hushed Powder color palette (#FAF2F9, #CEE4FE, #69CBF7, #61AB7A, #374960)

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