Petrol Garden color palette — #F0F3EB · #C1E4EA · #849EC4 · #44718B · #41303E
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Silver (#C1E4EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#849EC4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#44718B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#41303E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: 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
- Worn Ash color palette (#F1F3EB, #BFE7E5, #72A4BC, #53745C, #233C34)
- Aged Harbor color palette (#F1F7F2, #DBDDED, #8499C3, #3B778D, #495268)
- Petrol Chapel color palette (#E8EBDB, #66C1E0, #00759D, #004A53, #001828)
- Wandering Denim color palette (#DFE4D5, #5FA2DB, #0057A6, #00364B, #00062A)
- Wisteria Studio color palette (#FFECEF, #C082C2, #C07768, #6079A2, #342125)
- Muted Mallow Orchard color palette (#FFECF2, #C6A2E2, #5EA9B9, #816396, #1A3826)
- Softworn Lagoon color palette (#FAF4EE, #CDE6EA, #CAA3BF, #569294, #674854)
- Tempered Market color palette (#F1F3E6, #73E2F8, #0091B0, #006264, #002939)
Browse the whole catalog at Explore, or see today's palette.