Petrol Balcony color palette — #E4F8E8 · #74A1C8 · #6561A4 · #6D3500 · #132339
Slate and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E4F8E8): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#74A1C8): A luminous, dusty blue — the color of deep harbor water.
- Slate (#6561A4): A full-bodied, balanced violet — the color of a velvet chair.
- Bronze (#6D3500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#132339): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged 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
- Timeworn Station color palette (#E7F6EA, #A1A8D7, #896C93, #654F0B, #272B3F)
- Garnet Orchard color palette (#E4F8E8, #5FABAC, #0A73A3, #76253C, #022734)
- Mulberry Study color palette (#E8F3FF, #5B91CC, #8D4A75, #5A3900, #002617)
- Antique Boulevard color palette (#FDF5DD, #3DA8B6, #615EAD, #545100, #244539)
- Iris Grove color palette (#FFF4E2, #6CB9F7, #7F79D2, #865736, #473747)
- Quiet Fern color palette (#E1FDF1, #7FDEE4, #838CCC, #636908, #173548)
- Hushed Boulevard color palette (#EEF3EF, #CCDFEF, #6B91BA, #006A7A, #1D2C45)
- Mulberry Delta color palette (#D9FDE0, #A177E1, #A02381, #414100, #2A0B36)
Browse the whole catalog at Explore, or see today's palette.