Petrol Garden color palette — #F0F7F3 · #89CBE3 · #A5658D · #007996 · #3A2929
Built around Teal, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Sky (#89CBE3): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#A5658D): A full-bodied, balanced pink — the color of peonies in June.
- Teal (#007996): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3A2929): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Driftwood Market color palette (#F3F7EF, #92D0B6, #9868A4, #2D7E61, #38292C)
- Wandering Rust Hollow color palette (#FAF3F8, #ACBFF2, #B4625E, #586AA1, #332C29)
- Worn Powder color palette (#EBF3FB, #95CAF5, #9C729C, #47779D, #16141D)
- Tempered Lilac Study color palette (#ECF8F4, #A7D7FF, #AF8BC5, #6392B8, #372A2D)
- Aged Drift color palette (#F6F6E8, #74B0D5, #8C65A1, #4D613A, #524250)
- Sunlit Mulberry Dune color palette (#DCFFEA, #99C1EB, #8B7ABE, #794377, #6E2F41)
- Patina Studio color palette (#E8FAF3, #1EACF9, #B70060, #005C8A, #30130F)
- Antique Pier color palette (#F8F3F8, #E2D8D7, #ADADA1, #957695, #565056)
Browse the whole catalog at Explore, or see today's palette.