Petrol Garden color palette — #E3F7F3 · #6DCDCF · #00818C · #00524A · #001E24
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#E3F7F3): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#6DCDCF): A luminous, balanced teal — the color of glacier melt.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00524A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001E24): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Meadow color palette (#FFF2EC, #71C8CA, #007A94, #00593A, #003655)
- Weathered Market color palette (#E0F7F6, #8DC3E7, #0076C0, #004E64, #00193A)
- Ancient Glacier color palette (#F6F7E5, #58E2E6, #009FAC, #007369, #003A44)
- Cerulean Terrace color palette (#DBEBE8, #418395, #004257, #001F22, #000103)
- Dusty Denim Dune color palette (#DCEAE7, #6AA8AE, #006371, #003A37, #000D12)
- Timeworn Olive Corridor color palette (#DCE4D8, #438500, #007379, #734700, #051200)
- Pale Olive color palette (#CFFEDC, #87E8BC, #00BCAC, #307100, #002613)
- Faded Moss color palette (#DDE5CD, #659800, #3D7100, #0C4B05, #001D05)
Browse the whole catalog at Explore, or see today's palette.