Petrol Garden color palette — #F2E5DE · #9DBA9E · #00829C · #005C3B · #002236
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#F2E5DE): bright and airy, almost weightless.
- Sage (#9DBA9E): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C3B): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Gentle Cobalt color palette (#E7DED8, #7FBBD2, #107ABF, #005A54, #0B184E)
- Cobalt Alley color palette (#F7ECE7, #A6D0B4, #0091CA, #006E5D, #0D2D57)
- Softworn Villa color palette (#FEF1FA, #6BE1E2, #0088A2, #005435, #000E1A)
- Cerulean Boulevard color palette (#ECECDF, #78D1D2, #00A5B2, #007E72, #00242B)
- Wandering Station color palette (#D1EBD5, #92C7EB, #9C9CE7, #00765D, #002630)
- Softworn Lagoon Terrace color palette (#D3F2DA, #00A487, #00726F, #004B54, #002434)
- Tempered Denim color palette (#F1E1D9, #609F9C, #006373, #003E21, #000B14)
- Crimson Alley color palette (#D8E9DB, #0098A4, #D02257, #005E66, #390011)
Browse the whole catalog at Explore, or see today's palette.