Misty Garden color palette — #D4E7D7 · #886400 · #0057A6 · #473200 · #000718

A conversation between Cobalt and Ochre, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#D4E7D7): A whisper-light, dusty teal — the color of glacier melt.
• Ochre (#886400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0057A6): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#473200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000718): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Nightshade Ridge color palette (#D3EBE1, #6C7100, #593CB2, #373A00, #090023)
• Aged Drift color palette (#FFE1F4, #B53E00, #006086, #601D00, #000911)
• Patina Nightshade color palette (#FBECCB, #6E5400, #123BB4, #430086, #050300)
• Hushed Sapphire Balcony color palette (#FFEBD0, #CD9422, #325FE1, #674600, #01002A)
• Weathered Sapphire Hollow color palette (#EFE3D1, #AA7E00, #0074D8, #6A4D00, #001A39)
• Airy Chapel color palette (#ECEBD4, #A09A22, #782FCE, #534E00, #1E003E)
• Bronze Thicket color palette (#DAE9D9, #7D7326, #5D3C00, #411000, #030700)
• Lowlit Aubergine color palette (#CEF0E5, #435400, #630066, #1A2200, #030003)

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