Petrol Garden color palette — #F6EDDE · #9DC2A3 · #00738B · #003F35 · #000306
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#9DC2A3): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00738B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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 Garden color palette (#F5EDE1, #8FBED8, #006BB0, #003D44, #000110)
- Wandering Periwinkle color palette (#D6FFE6, #97CAF0, #85A3FA, #006561, #000306)
- Hushed Lagoon Delta color palette (#CCF3E6, #009A95, #005C61, #002F36, #000203)
- Faded Brick color palette (#DDF6E3, #008E9E, #C1042A, #00444C, #040000)
- Weathered Field color palette (#D2F6FF, #007487, #960084, #504200, #000102)
- Chalky Meadow color palette (#F6E5DF, #71BFC6, #008FC0, #007140, #001036)
- Hushed Azure color palette (#FFF4E2, #D5EBFF, #00A8DD, #00736E, #002742)
- Bronze Lagoon color palette (#E8DED3, #A77E2C, #6F4100, #3A1500, #020100)
Browse the whole catalog at Explore, or see today's palette.