Misty Canyon color palette — #F1F0DF · #5F9758 · #006A6A · #59273A · #3B031D

Built around Fern, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F0DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5F9758): A luminous, balanced green — the color of new leaves after rain.
• Teal (#006A6A): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#59273A): A deep, shadowed, dusty rose — the color of a warm blush.
• Deep Indigo (#3B031D): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Nature, Growth, Balance. Tagged vintage, retro, muted.

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

• Soft Olive Loft color palette (#ECE0D0, #848717, #337357, #562554, #37141B)
• Weathered Garnet Field color palette (#F3E5D8, #647A35, #005958, #570825, #390014)
• Antique Lagoon color palette (#D3EBD4, #009E97, #006C91, #5A3329, #3B0712)
• Aubergine Summit color palette (#DAE7C8, #649E7B, #006F69, #3D1159, #210016)
• Washed Mulberry color palette (#F2E5DC, #B18F4B, #4D8567, #933447, #2A1000)
• Airy Plum Hollow color palette (#E0F1D6, #008B74, #B40E74, #005143, #240013)
• Wandering Emerald color palette (#DCE4D7, #009A3E, #005F47, #003731, #001619)
• Fern Market color palette (#F1E2CA, #858A00, #226300, #493400, #101100)

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