Petrol Garden color palette — #D8EAEE · #50A9C6 · #00749C · #004368 · #002D58
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#D8EAEE): a clean, paper-quiet neutral.
- Cyan (#50A9C6): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00749C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004368): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#002D58): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Navy Dune color palette (#D2E9E0, #00B7B9, #007392, #003B80, #170051)
- Softworn Aqua Basin color palette (#8EF0FF, #10D4FA, #21A8DA, #007AB1, #003056)
- Weathered Teal Lantern color palette (#ADF2E3, #48B0AA, #007B7F, #004F59, #003846)
- Timeworn Aubergine Pier color palette (#EAF2DC, #3C91AF, #135E95, #5C1F6D, #00354B)
- Linen Ridge color palette (#DDF2FD, #6AA7D5, #0068B2, #003A96, #161380)
- Denim Summit color palette (#D5F7ED, #44C5CD, #0090BA, #0053A0, #2C2271)
- Antique Cypress Drift color palette (#F1F7F1, #CEDDDB, #A6B8AE, #007277, #303F32)
- Chalky Aubergine Bloom color palette (#CFE1FF, #8396D2, #6261B1, #5018A5, #440977)
Browse the whole catalog at Explore, or see today's palette.