Petrol Terrace color palette — #FCF3ED · #D8A38D · #7D965D · #007686 · #453B63
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3ED): bright and airy, almost weightless.
- Camel (#D8A38D): A luminous, dusty orange — the color of sun-warmed clay.
- Moss (#7D965D): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007686): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#453B63): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, 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
- Timeworn Sand Chapel color palette (#FFF0F9, #FFB99B, #8CA469, #38757F, #313650)
- Softworn Petrol color palette (#FCF4E9, #CFAA76, #599B87, #5266A0, #5D3730)
- Tempered Cypress Market color palette (#FFF2F0, #C38297, #00836E, #47507E, #55374D)
- Tempered Nightshade color palette (#FAF1E0, #B09144, #00856F, #1C47A7, #4A1331)
- Softworn Bronze color palette (#FFEFE0, #E8C196, #B6944A, #8E7D21, #53514A)
- Tempered Shell color palette (#FEF0FB, #FFAFA7, #65B9BF, #618CAF, #2B455C)
- Quiet Pine color palette (#FFF3E7, #DA8400, #00903A, #005D7E, #4A0463)
- Bronze Parlor color palette (#EEDFCB, #B07A10, #007650, #004575, #3A0035)
Browse the whole catalog at Explore, or see today's palette.