Petrol Garden color palette — #D3E3E2 · #77A9C6 · #006CA6 · #004759 · #00142B
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Silver (#D3E3E2): a clean, paper-quiet neutral.
- Blue Fog (#77A9C6): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Cypress color palette (#E3F1EE, #67B0AD, #00757A, #004B40, #00181B)
- Hushed Petrol Lantern color palette (#EBF1DC, #6CC1F2, #006DA9, #003C4B, #000309)
- Washed Corridor color palette (#EDDCE4, #6197B5, #004791, #003031, #0D0B37)
- Frosted Cornflower Lantern color palette (#F5E3D4, #4DBDF3, #3C83DB, #006C6F, #0D0A3A)
- Cobalt Veranda color palette (#E5F2F0, #99CDE6, #1E90C9, #00697C, #003051)
- Chalky Azure color palette (#EAF9F7, #AAE6F8, #00ABD9, #00818B, #004662)
- Timeworn Lantern color palette (#EFF7F5, #CFE0F2, #7DBEC4, #469689, #3A5764)
- Timeworn Bronze color palette (#F8E8EE, #AB6400, #007A4D, #653900, #001409)
Browse the whole catalog at Explore, or see today's palette.