Petrol Terrace color palette — #F8EBE7 · #9ABBA0 · #00719A · #00532E · #162D54
A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8EBE7): bright and airy, almost weightless.
- Sage (#9ABBA0): A luminous, dusty teal — the color of glacier melt.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
- Navy (#162D54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Worn Forest Workshop color palette (#FCF3EF, #B0CDBA, #447EA8, #006247, #2D385F)
- Muted Hollow color palette (#E3ECE4, #95BAC8, #00778F, #004C41, #001925)
- Gentle Denim color palette (#F1E0D4, #64AAC2, #00589E, #003F33, #191250)
- Sunlit Thicket color palette (#ECF1C9, #73D3CC, #5CA2DD, #725C00, #003C31)
- Cerulean Garden color palette (#FBF4ED, #BFE7D6, #6D8ABF, #266F68, #5B3D4D)
- Gentle Jade Dune color palette (#BCF7D4, #28A477, #006747, #00331C, #001C0D)
- Weathered Basin color palette (#D9E3C4, #3AA56A, #82309A, #005830, #3E104B)
- Aged Navy Courtyard color palette (#F3E5DC, #518A9A, #003F6A, #00231A, #05002C)
Browse the whole catalog at Explore, or see today's palette.