Petrol Garden color palette — #EDF8F7 · #D5DCED · #74A0BB · #3E7885 · #455463
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Silver (#D5DCED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#74A0BB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3E7885): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#455463): A full-bodied, dusty blue — the color of open sky before noon.
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
- Tempered Terrace color palette (#E3FAFF, #D1DCE8, #B4A7BD, #6A9499, #40575D)
- Antique Denim Terrace color palette (#DEF3F1, #58ABC8, #005F82, #003D45, #002237)
- Hushed Teal color palette (#E2FAFF, #00AFA0, #5F8DBD, #727B51, #32464A)
- Ancient Grove color palette (#E2FAFF, #7ADCCF, #388D85, #145E57, #0E3B43)
- Mint Alley color palette (#E9F9FA, #69C4A7, #B8905E, #39826C, #3C543B)
- Tempered Ridge color palette (#D7ECEA, #3588BB, #003F6B, #00212C, #00081C)
- Stone Ridge color palette (#E9FAF0, #B9BC8D, #878256, #4D6455, #384D46)
- Washed Thicket color palette (#EDF8F6, #D2DDEF, #64A3BB, #467686, #425563)
Browse the whole catalog at Explore, or see today's palette.