Petrol Garden color palette — #D6E2D2 · #46B09D · #007E9F · #333700 · #001309
Built around Cerulean, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Bone (#D6E2D2): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#46B09D): A luminous, balanced teal — the color of sea glass.
- Cerulean (#007E9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#333700): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001309): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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
- Dusty Petrol color palette (#D6F2EC, #51A096, #0076A8, #372B00, #000302)
- Hushed Cobalt color palette (#E1E0C4, #54B7A6, #3D8ACE, #564600, #000F05)
- Timeworn Coast color palette (#E2E2D3, #44AA4D, #007A75, #462C00, #001510)
- Patina Cerulean Orchard color palette (#D7F1F0, #1C9DBF, #5E6CB3, #004425, #001016)
- Hushed Orchard color palette (#EBF0D4, #63C1A5, #2EAABB, #537B00, #00150A)
- Iris Dune color palette (#C5E9F1, #3DBEEA, #6C84DC, #005C32, #002C2D)
- Soft Aqua color palette (#D4FCFE, #55D5E0, #59A5D6, #4E6938, #073B42)
- Aubergine Grove color palette (#DDEFF3, #006963, #2A0071, #002320, #01000E)
Browse the whole catalog at Explore, or see today's palette.