Petrol Garden color palette — #E3ECE5 · #8ABADC · #336CB2 · #004957 · #090F3B
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Sky (#8ABADC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#336CB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#090F3B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Weathered Petrol color palette (#E1EDE3, #8FBBC9, #00788B, #004D3D, #001924)
- Timeworn Courtyard color palette (#F8ECE2, #8DBDAD, #4A63AF, #00504E, #332155)
- Weathered Cerulean Harbor color palette (#E8F6EB, #98DDE8, #0091B4, #006359, #00283E)
- Washed Petrol Basin color palette (#EDF4EE, #D8DBEE, #879EBE, #477187, #2D3649)
- Worn Iris Bloom color palette (#FDF2F6, #D7DEFB, #768FD0, #006A67, #22143E)
- Weathered Denim color palette (#E4F2E6, #5C93A7, #004F75, #002B2D, #000410)
- Washed Plum color palette (#FDE2E4, #BB2950, #426C00, #004D8B, #1D0005)
- Garnet Canyon color palette (#F4E8F7, #C35475, #007C70, #84003C, #001613)
Browse the whole catalog at Explore, or see today's palette.