Petrol Terrace color palette — #F4F6EF · #CAE3D6 · #5193B7 · #006E7F · #275145
Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#CAE3D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#5193B7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#275145): A full-bodied, dusty teal — the color of shallow lagoons.
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
- Cerulean Grove color palette (#F4F6EC, #9CD9ED, #008BB6, #00656F, #004565)
- Aged Cypress Workshop color palette (#E8E9D9, #66ADAB, #006469, #003F36, #00242A)
- Tempered Cerulean Chapel color palette (#E9EADD, #498C97, #004452, #002222, #000B11)
- Muted Powder color palette (#EDF8F7, #D2DCF4, #7EC7F2, #61A4B3, #324A60)
- Tempered Cabin color palette (#EDF0E7, #86B9D4, #006FA3, #004D5D, #003053)
- Iris Atelier color palette (#EFF9E8, #56B39C, #6F84D1, #007763, #333F6C)
- Cobalt Summit color palette (#EEFAE4, #459A81, #1D84B8, #736B00, #2F3D21)
- Ancient Lagoon Bloom color palette (#EDF9E9, #C6E5DB, #94D2DE, #34886B, #43543F)
Browse the whole catalog at Explore, or see today's palette.