Petrol Balcony color palette — #E4EBE5 · #97B8D2 · #356CAD · #004956 · #080F3C
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E4EBE5): a clean, paper-quiet neutral.
- Ash (#97B8D2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#356CAD): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004956): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#080F3C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Petrol Station color palette (#E2ECE4, #8EBCC9, #00788A, #004D3C, #001923)
- Soft Sapphire Atelier color palette (#F7ECE2, #8EBDAC, #395FC7, #00504C, #30264D)
- Softworn Field color palette (#F3EEE5, #9FCAE9, #2686EC, #00697B, #212C4E)
- Softworn Petrol color palette (#EEF3EF, #D7DAEC, #859DC4, #2C758A, #2B364D)
- Washed Denim color palette (#E0EBE2, #6690A8, #004F74, #002B2D, #00040F)
- Sunlit Plum color palette (#F6E6F8, #B33756, #456C00, #004E89, #1D0006)
- Quiet Garnet color palette (#F3E7F7, #BA5D78, #007D6A, #84003E, #001712)
- Washed Mulberry Veranda color palette (#F0DFF1, #FEBCAC, #CB9863, #92356A, #330307)
Browse the whole catalog at Explore, or see today's palette.