Petrol Balcony color palette — #F5F6EA · #98BD91 · #3B9E9A · #226FA3 · #453B60
Built around Slate, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EA): bright and airy, almost weightless.
- Sage (#98BD91): A luminous, dusty green — the color of new leaves after rain.
- Cerulean (#3B9E9A): A luminous, balanced teal — the color of sea glass.
- Slate (#226FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#453B60): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Muted Cypress color palette (#F9F5EB, #BDB280, #689A6E, #00787B, #274561)
- Honey Villa color palette (#EDF9F1, #E4CB62, #78A875, #3F7480, #482F40)
- Petrol Corridor color palette (#FDF2F3, #CBA3C2, #519B95, #2F6F9B, #593547)
- Nightshade Balcony color palette (#ECF5E4, #27AD8B, #007E9B, #3343A4, #41144A)
- Weathered Honey color palette (#EEF9ED, #F5BB6C, #66B7C8, #7C83B0, #453D59)
- Timeworn Drift color palette (#F9F7DC, #D7D9C7, #A1A995, #6B8778, #3C574E)
- Cypress Canyon color palette (#FDF3EB, #C18A60, #008183, #614674, #593742)
- Timeworn Terracotta color palette (#F8F5EA, #ACB87E, #549C86, #99514A, #553E0F)
Browse the whole catalog at Explore, or see today's palette.