Petrol Garden color palette — #FAEBE4 · #7CBEC2 · #00748E · #005238 · #00314F
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAEBE4): bright and airy, almost weightless.
- Mint Leaf (#7CBEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314F): 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 Dune color palette (#DAEEEA, #66C5C9, #007986, #004C46, #001A20)
- Weathered Sapphire color palette (#F5EDE7, #87B9D4, #0067C2, #004F50, #252A4E)
- Cerulean Alley color palette (#EFF0E1, #70D7DC, #0097A8, #006D65, #00343F)
- Wandering Denim color palette (#EADBD1, #70A8BB, #005C8F, #003E39, #0D1C42)
- Hazy Cobalt color palette (#FFF2E9, #93DAF8, #0083DA, #006763, #2E3C6E)
- Linen Courtyard color palette (#BFF2D4, #38B175, #006946, #00311D, #001B0A)
- Nightshade Lantern color palette (#F6EEE5, #5696C6, #0525CA, #002F34, #150041)
- Timeworn Cerulean color palette (#FAF4EE, #C1E6D6, #5F8DC5, #067071, #593E51)
Browse the whole catalog at Explore, or see today's palette.