Petrol Terrace color palette — #E3F3F0 · #8FB9C9 · #007588 · #00504E · #003442
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E3F3F0): bright and airy, almost weightless.
- Ash (#8FB9C9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Patina Petrol Veranda color palette (#EFE6EC, #8ABCCF, #007699, #004D3B, #00172E)
- Antique Petrol color palette (#E2F2F2, #94B5D5, #3669AA, #004B69, #152A5B)
- Wandering Periwinkle Alley color palette (#DCF3FF, #97D7FF, #74A3D9, #00636E, #013A51)
- Aged Summit color palette (#EEF0E6, #91E3EE, #36B6D1, #11908F, #003442)
- Muted Turquoise color palette (#B3EAFF, #37A5C8, #005D75, #003240, #001921)
- Pale Byzantium Balcony color palette (#C5E3F4, #008DAB, #943AB1, #005264, #410452)
- Ultramarine Thicket color palette (#C6ECFA, #007A83, #3A4EC4, #205C00, #002528)
- Weathered Delta color palette (#FCEAEF, #A58148, #784A00, #542B00, #2F2200)
Browse the whole catalog at Explore, or see today's palette.