Misty Basin color palette — #F9D4D2 · #92001D · #0C4F07 · #00227F · #170001

Garnet takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F9D4D2): A whisper-light, dusty orange — the color of autumn markets.
• Garnet (#92001D): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#0C4F07): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Navy (#00227F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170001): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Warmth, Comfort. Tagged warm.

Use it as a design system

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

• Feathered Study color palette (#F2DCE1, #8F0042, #364800, #003353, #160005)
• Aubergine Basin color palette (#FBDAC6, #773900, #004C3D, #3A007B, #110400)
• Airy Plum color palette (#FFE0E6, #BB0057, #00657D, #23466B, #160005)
• Mulberry Terrace color palette (#FBECCB, #685A00, #00576A, #6C0057, #161200)
• Ancient Bronze Meadow color palette (#FCE8D8, #896600, #212F32, #301500, #0A0300)
• Faded Terrace color palette (#FFE2DC, #C9300F, #00783E, #3600E8, #480800)
• Hushed Aubergine color palette (#F5E0C6, #8E6100, #006C6E, #740F90, #2C1B00)
• Mulberry Lantern color palette (#FDF5D9, #8C8E3C, #0086B2, #9B4872, #3A3831)

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