Petrol Garden color palette — #F9F4ED · #C1EFF1 · #70A699 · #3C7983 · #5E4C5B
Teal takes the lead with Eucalyptus close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Frost (#C1EFF1): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#70A699): A luminous, dusty teal — the color of glacier melt.
- Teal (#3C7983): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5E4C5B): A full-bodied, dusty pink — the color of a candy shop window.
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
- Aged Lagoon Station color palette (#FBF2F6, #DADFEE, #95B3DC, #509395, #47526D)
- Wandering Cerulean Veranda color palette (#F9F4ED, #B6E9D8, #648CC2, #2F6B7A, #583E52)
- Olive Workshop color palette (#F9F4ED, #C6EBE0, #60A6B0, #5D793A, #385144)
- Weathered Lagoon color palette (#E4FBF3, #6DB9EB, #C18C57, #41799D, #524C46)
- Washed Orchard color palette (#F4EEE3, #72BFCB, #007390, #005048, #00324B)
- Antique Azure Dune color palette (#DEFDF4, #4F9EDF, #BA7081, #6D7D54, #344742)
- Cerulean Balcony color palette (#FFF4E2, #8EDEDF, #008FA3, #006953, #00475D)
- Lagoon Basin color palette (#E9E2D6, #15A4A0, #00545D, #003123, #00171F)
Browse the whole catalog at Explore, or see today's palette.