Petrol Balcony color palette — #DCEEF6 · #446899 · #423F68 · #3F1501 · #0E0700

Built around Slate, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Frost (#DCEEF6): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#446899): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#423F68): A deep, shadowed, dusty violet — the color of a velvet chair.
• Espresso (#3F1501): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0E0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Lowlit Basalt Studio color palette (#E8EFFB, #585583, #522658, #241600, #040500)
• Onyx Ridge color palette (#DBF3ED, #007F8F, #004465, #430525, #1C0000)
• Cerulean Coast color palette (#D4F4E2, #199EB7, #605297, #353800, #090A00)
• Worn Delta color palette (#C4EEFC, #6987B1, #63568F, #602700, #2B1B00)
• Wandering Denim color palette (#DAE6D8, #367F79, #00546E, #392600, #022603)
• Cerulean Balcony color palette (#E5F2E8, #2C9AA9, #005168, #002C27, #00050B)
• Dusty Driftwood color palette (#EEE7FF, #9E6896, #723F4A, #283300, #001A0D)
• Shadow Pine Villa color palette (#CCEBE1, #44763E, #004228, #002423, #000400)

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