Petrol Garden color palette — #F2E6E0 · #9BBDA9 · #256FAD · #004D3D · #0F0D3C
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F2E6E0): a clean, paper-quiet neutral.
- Sage (#9BBDA9): A luminous, dusty teal — the color of sea glass.
- Slate (#256FAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0F0D3C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, 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 Loft color palette (#F7F0EC, #B1CFC2, #527BBF, #005C53, #20193F)
- Timeworn Petrol color palette (#F5EDE2, #7FBCCE, #00719C, #00504F, #0D304E)
- Muted Denim color palette (#ECE2DA, #74A2C6, #404FA0, #00393A, #110026)
- Washed Denim color palette (#EBDED9, #55969C, #00506E, #002E17, #000314)
- Wandering Teal Courtyard color palette (#CBF1EA, #36AC8D, #006B5D, #002B23, #000906)
- Forest Studio color palette (#F8F0EE, #CFE2CF, #4D99B3, #17712E, #39223B)
- Wandering Periwinkle Quarry color palette (#EAF0D7, #99D4DF, #829BE6, #596000, #001C1B)
- Softworn Moss color palette (#E2E3D3, #64902E, #006331, #003C30, #001B1F)
Browse the whole catalog at Explore, or see today's palette.