Petrol Garden color palette — #EEEFE6 · #9CBAA2 · #007588 · #00504E · #003442
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EEEFE6): a clean, paper-quiet neutral.
- Sage (#9CBAA2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Garden 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
- Muted Cerulean color palette (#F5F6ED, #B0CDBB, #0C84A7, #005F65, #084058)
- Patina Petrol Cabin color palette (#F3E6E1, #7DC0C9, #007699, #004D3B, #00172E)
- Weathered Sapphire Pier color palette (#ECF0E6, #91BCB1, #2A66BA, #004B6B, #16295E)
- Lagoon Veranda color palette (#E8E8DD, #4F9F9A, #005557, #003128, #00181B)
- Turquoise Archive color palette (#E0F3F0, #90E3EE, #00B7D6, #00918F, #003442)
- Weathered Terrace color palette (#E5F5D3, #95DBCD, #00B2B3, #0C7036, #004034)
- Soft Pine Garden color palette (#E2E6D3, #277F38, #006A7A, #654700, #002807)
- Pine Garden color palette (#DDEDD0, #55973E, #007523, #004D22, #003720)
Browse the whole catalog at Explore, or see today's palette.