Petrol Garden color palette — #EEE8DE · #7BC2BD · #007984 · #004E36 · #001921
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#EEE8DE): a clean, paper-quiet neutral.
- Mint Leaf (#7BC2BD): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001921): 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
- Tempered Forest Station color palette (#F6EAF7, #67C3BC, #00748B, #21511A, #09304D)
- Antique Cerulean Lantern color palette (#F6F1E9, #B0D2B4, #008AA3, #005D4D, #002434)
- Hushed Cobalt color palette (#EEE8DE, #88BBD6, #006FB6, #004A52, #01123A)
- Wandering Lagoon color palette (#E7E0D5, #4CABBD, #00617E, #003A36, #000C18)
- Washed Station color palette (#ECE4D7, #0B8895, #004354, #00201B, #000103)
- Antique Cerulean Chapel color palette (#F6F1EA, #C7E5D4, #4296C8, #006C6F, #38233A)
- Airy Fern color palette (#FFF2EE, #B2F4EF, #00A2C2, #216E1E, #00203A)
- Gentle Wisteria color palette (#FFE1FB, #C3C1F5, #C580E8, #006394, #230D1E)
Browse the whole catalog at Explore, or see today's palette.