Misty Petrol Balcony color palette — #D4E4D8 · #9B7B00 · #0071AD · #574400 · #001423

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

The five colors

• Bone (#D4E4D8): A whisper-light, dusty teal — the color of sea glass.
• Ochre (#9B7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001423): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cobalt Ridge color palette (#C9E8CA, #A77300, #006BC1, #624200, #002950)
• Tempered Sapphire Orchard color palette (#D2ECDD, #918000, #3E57E2, #514700, #060A38)
• Linen Cobalt color palette (#DAEFE2, #B6A024, #276CC4, #625500, #001A40)
• Rust Villa color palette (#F6E4EE, #CB5700, #007794, #742E00, #00151D)
• Muted Pier color palette (#FFF3E4, #EFA926, #2982EF, #845A00, #001739)
• Frosted Workshop color palette (#D3F4E0, #7B6B00, #4A14E8, #3F3600, #050027)
• Dusty Bloom color palette (#DEF3DC, #918849, #754B00, #561B07, #00120E)
• Pale Grape color palette (#DCF1E9, #8A9821, #8621AB, #444C00, #20002C)

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