Petrol Terrace color palette — #FFF2EC · #6DA77F · #097498 · #78382F · #314329
A conversation between Teal and Rust, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Jade (#6DA77F): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#097498): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#78382F): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#314329): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Cobalt Station color palette (#FFF3E7, #70B7AE, #5D77A6, #735133, #394D40)
- Worn Moss Terrace color palette (#FFF2ED, #989E4B, #007A74, #693B61, #3D3E37)
- Muted Garnet Drift color palette (#E6F7E9, #60AD9E, #007791, #6D2B4E, #002831)
- Muted Mulberry color palette (#FFF4E2, #77C2B3, #3793AD, #8F476C, #2C442D)
- Lagoon Workshop color palette (#EFF8ED, #009D93, #8C4D60, #722D3E, #512700)
- Washed Ultramarine Orchard color palette (#FFF4E0, #009EAA, #5352AE, #564200, #003B52)
- Chestnut Corridor color palette (#F0F3C9, #A5B7A2, #698D84, #815515, #524900)
- Powdered Denim Thicket color palette (#FFDCCB, #00917E, #00509F, #5D2500, #002F35)
Browse the whole catalog at Explore, or see today's palette.