Petrol Balcony color palette — #EFF8EF · #55A7A9 · #2B76AD · #544B7C · #5C3639
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8EF): a clean, paper-quiet neutral.
- Turquoise (#55A7A9): A luminous, balanced teal — the color of sea glass.
- Slate (#2B76AD): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#544B7C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Cocoa (#5C3639): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Creativity, Sophistication. 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
- Ancient Jade color palette (#F4F6EE, #6BA975, #008087, #315582, #44423B)
- Wandering Indigo Delta color palette (#EEF8F4, #609ED0, #7163AE, #733E65, #48403D)
- Hushed Jade color palette (#F0F4E4, #6BAE7C, #7467A0, #6B3B49, #38210C)
- Wandering Boulevard color palette (#EAFBE9, #C0D3C4, #7C9C8D, #7E6872, #614951)
- Tempered Mint color palette (#E6FAF7, #7FC67D, #708BC5, #8D5859, #523851)
- Antique Corridor color palette (#E4F7EE, #0082AB, #493BB3, #5C1B54, #003330)
- Weathered Lagoon color palette (#E5FEE1, #70C5C5, #00929A, #007584, #355342)
- Lagoon Ridge color palette (#EEF4EB, #00917B, #2F422E, #232B1F, #121714)
Browse the whole catalog at Explore, or see today's palette.