Petrol Balcony color palette — #F5FBC7 · #B9E7CA · #82AB83 · #2B7C8B · #255240
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#F5FBC7): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#B9E7CA): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#82AB83): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#2B7C8B): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Olive (#255240): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, 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
- Petrol Pier color palette (#E1FFDC, #BEE6C9, #70B8A7, #36739A, #2A4974)
- Weathered Cypress color palette (#D2ECD0, #79AF92, #1A8070, #07456B, #0B1A3A)
- Taupe Station color palette (#FFF3E7, #F2D9AF, #B5A862, #428A6B, #00463D)
- Cocoa Boulevard color palette (#F5FAD0, #BFE5CB, #AABBA0, #6A867D, #683D00)
- Lagoon Coast color palette (#DDECE3, #3BA28C, #006B6E, #1C3358, #080030)
- Muted Lichen Orchard color palette (#F7FBB9, #B9CD98, #8B906C, #45634D, #0C3626)
- Emerald Orchard color palette (#F8F6E2, #BDE7A7, #58A75D, #7E6834, #203513)
- Worn Onyx color palette (#CDE6EB, #4A859D, #2A4D6B, #301744, #030003)
Browse the whole catalog at Explore, or see today's palette.