Hazy Canyon color palette — #DFFDF3 · #148CCF · #9B1224 · #623100 · #083C03

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

The five colors

• Ivory (#DFFDF3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#148CCF): A luminous, balanced blue — the color of deep harbor water.
• Garnet (#9B1224): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#623100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Forest (#083C03): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Mulberry Atelier color palette (#E1FDEB, #008DA3, #9E1364, #603300, #343200)
• Antique Field color palette (#FEF0FF, #1C7DE1, #9B2B33, #2A4A00, #003421)
• Garnet Grove color palette (#C9EADF, #006EAB, #850B18, #3A2B00, #012804)
• Raspberry Field color palette (#FFF1F7, #A785EB, #BD3E8F, #9D1B00, #412C00)
• Aubergine Ridge color palette (#ECFBE3, #009279, #673EA4, #5F3300, #373100)
• Mulberry Basin color palette (#ECF2FF, #7073E5, #8E248C, #6F001A, #001B28)
• Ultramarine Delta color palette (#F4DCEE, #3749B6, #592600, #251F00, #00170E)
• Dusty Periwinkle color palette (#C2F1FF, #85A7E2, #9C7280, #586127, #274E2F)

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