Petrol Terrace color palette — #F3E6E1 · #9ABEA1 · #0074A0 · #004E2D · #00103F
Slate takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#F3E6E1): a clean, paper-quiet neutral.
- Sage (#9ABEA1): A luminous, dusty teal — the color of glacier melt.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Indigo (#00103F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, 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
- Ancient Terrace color palette (#F3E6DE, #8CBBD4, #446AAB, #004C45, #18053E)
- Ancient Corridor color palette (#F9F0EB, #B1D0BC, #3F82B5, #005E46, #161C42)
- Denim Atelier color palette (#EFE3DC, #7EA793, #0056A9, #003A31, #0A002D)
- Weathered Cerulean color palette (#F0F7F1, #B3F3F9, #00A2C3, #006B5D, #002232)
- Patina Cypress Courtyard color palette (#F7F0EC, #C5E4D9, #788CBC, #006D69, #3F2130)
- Timeworn Navy Delta color palette (#F7ECE6, #3A8398, #003D6B, #002018, #01000B)
- Antique Canyon color palette (#FCE2E1, #B5588B, #175D01, #004736, #1B000F)
- Worn Ultramarine color palette (#FFDEE2, #F6BAC2, #CB8947, #5157B7, #2F0519)
Browse the whole catalog at Explore, or see today's palette.