Petrol Balcony color palette — #EFF6FA · #D6D9E2 · #A6B5C6 · #007082 · #2D3D45
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D6D9E2): a clean, paper-quiet neutral.
- Ash (#A6B5C6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2D3D45): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Cerulean color palette (#F1F7F2, #CDDDDF, #D7BFCE, #00919E, #353D37)
- Worn Driftwood color palette (#F2F5FB, #DBD8DE, #B6A8A8, #7281A9, #4F5359)
- Timeworn Ultramarine color palette (#EFF6FF, #CBD3E3, #A0A4C1, #0054BA, #263446)
- Antique Abyss color palette (#E9F0F5, #ADBBC8, #828FA2, #004C62, #0A222F)
- Chestnut Corridor color palette (#CBE6F9, #99AABF, #697196, #744B31, #503D14)
- Antique Cypress color palette (#ECF8F5, #73A6A1, #017552, #005657, #113D3A)
- Indigo Boulevard color palette (#F3F5FC, #DED6E1, #BFB6D7, #6C58B3, #3B3F50)
- Petrol Orchard color palette (#D1E5F8, #0069A0, #162640, #031524, #02040B)
Browse the whole catalog at Explore, or see today's palette.