Petrol Terrace color palette — #E4F7EF · #7EBCDE · #C1906A · #307A9E · #36302B
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E4F7EF): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7EBCDE): A luminous, balanced blue — the color of deep harbor water.
- Camel (#C1906A): A luminous, dusty gold — the color of afternoon light on wheat.
- Slate (#307A9E): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#36302B): a grounded near-black with real depth.
Feels like: 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
- Worn Parlor color palette (#FAEEF5, #ABAFE0, #A99D5F, #686AAA, #34312A)
- Antique Petrol Hollow color palette (#EBF7FF, #8CB6D2, #C28B63, #007DA5, #654051)
- Cypress Summit color palette (#ECF5EA, #7AC3B9, #C28A98, #008379, #492621)
- Aged Cerulean color palette (#EDF7FD, #95CDEC, #DAA47E, #1398CD, #684428)
- Patina Lantern color palette (#E0F8F0, #61A4D2, #B7788B, #728046, #122D25)
- Timeworn Periwinkle color palette (#FEEAFF, #66AAFF, #AF7100, #004E9B, #301B00)
- Aged Denim color palette (#F7EFF4, #D7C09B, #565E89, #40283A, #1A1017)
- Stone Veranda color palette (#E4F7F0, #F1D4CF, #DCB59D, #7A9A86, #423544)
Browse the whole catalog at Explore, or see today's palette.