Petrol Garden color palette — #D6E2E7 · #7C919C · #4C7087 · #003036 · #000203
Built around Slate, softened by Deep Forest — the whole palette hums with sophistication.
The five colors
- Silver (#D6E2E7): bright and airy, almost weightless.
- Slate Blue (#7C919C): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4C7087): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#003036): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000203): quiet, heavy and certain.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Spruce Orchard color palette (#D9E2D9, #87A194, #7E687F, #003233, #030C04)
- Patina Navy Market color palette (#D4EBF9, #008493, #366091, #003C6A, #000103)
- Ash Thicket color palette (#E3EFF3, #AEBDC7, #7894B8, #004547, #000102)
- Tempered Navy color palette (#DDE2EB, #999FB2, #7E749F, #222680, #01040E)
- Worn Summit color palette (#E2EAF0, #BFCEDA, #8CA7C3, #005D7C, #081821)
- Twilit Terrace color palette (#D1E2F4, #41588F, #362E66, #2D021B, #0F0003)
- Worn Cobalt Pier color palette (#EEF2F8, #D7D6DF, #BFB9CC, #5675AA, #272C34)
- Timeworn Lapis Veranda color palette (#EDF2FF, #CED2E8, #B6A0CF, #5443B9, #141928)
Browse the whole catalog at Explore, or see today's palette.