Petrol Garden color palette — #EDE6EE · #8EBCCA · #007699 · #004F24 · #001534
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#EDE6EE): a clean, paper-quiet neutral.
- Ash (#8EBCCA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F24): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Timeworn Cobalt color palette (#F6EFF5, #A6CFDF, #3084B2, #005F3D, #0D1D46)
- Muted Petrol Quarry color palette (#E7F2E9, #7FBEBF, #007586, #005140, #003344)
- Hushed Orchard color palette (#F1E6EA, #98B7D2, #4A63BC, #004B4A, #1B0A34)
- Hushed Denim color palette (#EBE0E7, #65A7BD, #005A9C, #003B2E, #07002F)
- Dusty Cerulean color palette (#FBF4EA, #C0E8DD, #00A4BA, #006C56, #00222F)
- Aged Archive color palette (#F5E9F1, #458391, #003F64, #002015, #00000C)
- Washed Fern color palette (#ECE1CC, #848500, #346A00, #004529, #001D18)
- Airy Atelier color palette (#C7EAD3, #3EA975, #006629, #00341A, #000802)
Browse the whole catalog at Explore, or see today's palette.