Petrol Garden color palette — #DEF4F3 · #8CB6DA · #2F6AA9 · #004C66 · #182D51
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#DEF4F3): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8CB6DA): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2F6AA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#182D51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Petrol Archive color palette (#E4F2EF, #6EC1C7, #007585, #00504C, #003440)
- Misty Cornflower color palette (#F4EEE4, #9CCAF1, #5185D8, #00697F, #222957)
- Weathered Basin color palette (#E5FBF7, #8FDCEC, #008DAC, #006669, #00465E)
- Patina Terrace color palette (#E1F4F3, #449ABF, #004F73, #002E38, #001528)
- Moss Garden color palette (#BEE9DE, #5F9000, #007598, #355300, #002E3E)
- Timeworn Periwinkle Veranda color palette (#F5EBEF, #BAD7F1, #889FF4, #009091, #361F56)
- Washed Teal Field color palette (#CEF7F1, #94D7AE, #4EAC97, #49642D, #173D3A)
- Antique Olive color palette (#DDF1D9, #218108, #006B76, #694400, #002622)
Browse the whole catalog at Explore, or see today's palette.