Petrol Terrace color palette — #EAF3FF · #85A4DC · #A28B48 · #4163A3 · #322600
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF3FF): bright and airy, almost weightless.
- Cornflower (#85A4DC): A luminous, balanced violet — the color of wild irises.
- Moss (#A28B48): A luminous, balanced green — the color of fresh herbs.
- Slate (#4163A3): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged muted.
Use it as a design system
One click turns Petrol Terrace 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 Orchard color palette (#E6F4FF, #5CAEDD, #C07958, #006C9A, #451700)
- Soft Grape color palette (#EFF1FF, #AC95DE, #8D9540, #6F51A2, #003022)
- Worn Cornflower color palette (#FFF0FD, #9CB7F1, #C29F56, #557BD7, #563E00)
- Sunlit Ultramarine color palette (#EFF6FF, #80A1D1, #2EA070, #2263BC, #044F34)
- Hushed Iris color palette (#EBF2FF, #728ACD, #9D792E, #766C2B, #121E33)
- Antique Stone color palette (#EBF2FF, #DDD2E3, #E1B0CA, #5D8BA4, #2D3448)
- Washed Denim color palette (#EFF1FD, #9DBF90, #5A4A7F, #212442, #0A0C15)
- Timeworn Bronze color palette (#FFECF5, #C5A67E, #99684A, #6D3C38, #11281B)
Browse the whole catalog at Explore, or see today's palette.