Petrol Terrace color palette — #E7F4FD · #89BBD4 · #89A771 · #007CA6 · #003A32
Cerulean takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7F4FD): a clean, paper-quiet neutral.
- Sky (#89BBD4): A luminous, dusty blue — the color of deep harbor water.
- Moss (#89A771): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#007CA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003A32): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Weathered Cypress Atelier color palette (#E8F5F7, #87C1B4, #B7975B, #008473, #1A3921)
- Washed Veranda color palette (#E9F4F8, #7FC0C8, #A68FCC, #00818C, #37284C)
- Ancient Cerulean Summit color palette (#ECF9F2, #85D0EF, #9BBF75, #2699C0, #4E4E46)
- Aged Amber Bloom color palette (#E9FAF2, #70BAE0, #CD845D, #317B9E, #524C47)
- Weathered Cerulean color palette (#EAF3FC, #D5D6E4, #B6A19E, #679AB4, #2F3B48)
- Patina Bloom color palette (#ECF4EE, #A9C2B3, #928155, #426146, #1F3128)
- Pale Grape color palette (#EEF1FF, #A998D6, #00A1A5, #7147B8, #002E2F)
- Emerald Quarry color palette (#E8F3FF, #549DE7, #009D50, #005CA4, #002910)
Browse the whole catalog at Explore, or see today's palette.