Misty Canyon color palette — #ECE0C8 · #A18300 · #247700 · #004D48 · #002333

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

The five colors

• Parchment (#ECE0C8): A whisper-light, dusty gold — the color of old brass.
• Mustard (#A18300): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#247700): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004D48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Powdered Pine color palette (#F9F1E0, #AA943E, #318636, #005C5B, #002E4B)
• Powdered Moss color palette (#E4E2CD, #729500, #00755B, #004B59, #001853)
• Patina Olive color palette (#EEDFCC, #B27A00, #4D7000, #004E43, #400500)
• Ember Grove color palette (#F3DCCD, #D0611A, #776100, #145100, #002622)
• Softworn Cypress Basin color palette (#F1E6D2, #B2B07C, #7C8D57, #006B65, #00464C)
• Softworn Cypress color palette (#E3E7D7, #7AB494, #008667, #724C16, #00321D)
• Ember Grove color palette (#FFF0F8, #E56800, #766200, #0C4503, #1F0010)
• Softworn Amber color palette (#F9DAC1, #CE8522, #A16C00, #614600, #3F3000)

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