Petrol Balcony color palette — #F0F6FD · #DAD7E2 · #B2B1C2 · #35669D · #333B46
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FD): a clean, paper-quiet neutral.
- Silver (#DAD7E2): bright and airy, almost weightless.
- Ash (#B2B1C2): A luminous, dusty violet — the color of wild irises.
- Peacock (#35669D): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#333B46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Pier color palette (#F6F0F5, #DDD3D5, #C4B1BC, #3C64A3, #261D26)
- Ancient Mulberry Grove color palette (#F6F3FF, #E6D4DD, #CAB4C6, #904E8C, #413D4A)
- Wandering Hollow color palette (#F4F4FC, #DED8DD, #B4A9A2, #8C789F, #51525A)
- Navy Hollow color palette (#E3E8F1, #B5B8C5, #8E8AA6, #214181, #18202A)
- Driftwood Quarry color palette (#C8E4FF, #A8A6D1, #976D85, #345954, #2E492B)
- Antique Mulberry color palette (#F0EDF5, #D2C8D4, #B297A9, #763F65, #312A3A)
- Fern Bloom color palette (#EEF9EF, #9F9F6A, #4D6E38, #45466E, #143E2E)
- Softworn Aubergine color palette (#DEDCEA, #9E96A5, #7E687E, #460055, #0A0618)
Browse the whole catalog at Explore, or see today's palette.