Petrol Terrace color palette — #F5F7E9 · #84BDAF · #3D7E8B · #715049 · #3B4636
A conversation between Slate and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Mint Leaf (#84BDAF): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3D7E8B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#715049): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal (#3B4636): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Chestnut Parlor color palette (#FAF5E4, #8DBE91, #378275, #6C5801, #414700)
- Softworn Study color palette (#E4F6F5, #8FC0AA, #438372, #3C5D51, #082D2F)
- Antique Jade color palette (#F2F8E7, #45B97A, #BD699B, #197849, #5D3637)
- Aged Bronze Boulevard color palette (#F3F7EA, #BACBA4, #599F8C, #817127, #354B04)
- Patina Hollow color palette (#FCF3EF, #C5E6D1, #608FB5, #366F5A, #564050)
- Tempered Fern color palette (#FFF3E8, #AB9B5D, #526D31, #3A5238, #38352E)
- Timeworn Turquoise Quarry color palette (#EAF9F7, #ADE0E5, #78B9BD, #A88399, #23494D)
- Worn Lime color palette (#F2ECB8, #8DBC5F, #33925A, #006555, #194D45)
Browse the whole catalog at Explore, or see today's palette.