Petrol Terrace color palette — #F5F6ED · #9CBC92 · #4B9C95 · #0B71A0 · #58364A
Peacock and Eucalyptus set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Sage (#9CBC92): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#4B9C95): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#0B71A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#58364A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, 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
- Petrol Delta color palette (#F0F8EE, #7FBFB9, #6093B2, #6060A4, #563553)
- Antique Cypress color palette (#F9F5EA, #B9B47A, #669B73, #00787C, #1F4565)
- Soft Market color palette (#ECF5E7, #27AC97, #007CA5, #453AA8, #43173E)
- Aged Honey color palette (#FEF1F6, #F8B87C, #6BB8BB, #7D83AF, #3F3F5A)
- Driftwood Villa color palette (#F9F6E4, #D0D0B7, #ABB19A, #738A7A, #3A5248)
- Aged Cypress color palette (#FEF3EB, #C48866, #178175, #614675, #5A3642)
- Pale Aubergine color palette (#F2F8E2, #47B46E, #008890, #00569C, #3F0E6D)
- Gentle Bloom color palette (#DCE6CD, #009F6E, #00707E, #004086, #2C004F)
Browse the whole catalog at Explore, or see today's palette.