Misty Pine color palette — #E9DBD7 · #5BD6D2 · #00A2C5 · #268130 · #00203D

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

The five colors

• Bone (#E9DBD7): bright and airy, almost weightless.
• Aqua (#5BD6D2): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00A2C5): A luminous, balanced blue — the color of deep harbor water.
• Olive (#268130): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Misty Azure Corridor color palette (#FAEAE0, #6ECFEC, #1D97F2, #008066, #171943)
• Dusty Courtyard color palette (#E2F0E5, #57C5C2, #008492, #005C44, #00242F)
• Timeworn Periwinkle Study color palette (#FFF2EA, #A2E5FF, #66AEFF, #009A82, #2C2B60)
• Soft Coral Quarry color palette (#FFE4D8, #FF5E59, #00A49B, #BE3D3A, #00201E)
• Tempered Denim color palette (#EDE4EA, #77A5B1, #006375, #003C22, #000C17)
• Chalky Indigo Lantern color palette (#F5EBE1, #68A6DD, #5E6BC4, #005D60, #100021)
• Worn Study color palette (#FEF2EE, #BBF7FD, #78C9F2, #6FA783, #563F54)
• Rose Parlor color palette (#FFD7D7, #FC2852, #0094A7, #2E719E, #280207)

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