Petrol Terrace color palette — #F9F5E8 · #A29A53 · #506FAB · #75471B · #47413C
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E8): bright and airy, almost weightless.
- Moss (#A29A53): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#506FAB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#75471B): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Charcoal (#47413C): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. 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 Quarry color palette (#FEF3EC, #C1896D, #0C7E90, #7B3F42, #48403D)
- Pewter Archive color palette (#F3F7ED, #68A980, #845E9C, #595623, #3D3F39)
- Weathered Teal color palette (#E2F6F8, #3EB38F, #5472A3, #6A3A51, #162D1A)
- Washed Loft color palette (#F0F8E9, #6AC6A6, #6E8CC2, #865A6C, #46423B)
- Hushed Alley color palette (#E5F5D4, #75CFC1, #009BAE, #276788, #5B4558)
- Hushed Bronze color palette (#F8F7DF, #B2C7AD, #80A096, #9B6137, #794115)
- Wandering Chestnut Workshop color palette (#F7F5EB, #BBC6A4, #488F8B, #746619, #45550C)
- Washed Lapis Workshop color palette (#FCF6D9, #848C12, #471ED5, #513C00, #213009)
Browse the whole catalog at Explore, or see today's palette.