Petrol Terrace color palette — #E0F4F2 · #70ABC7 · #006E9F · #004856 · #001529
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#E0F4F2): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#70ABC7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001529): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Petrol Summit color palette (#ECF0E0, #77C2E6, #006FA1, #003C48, #000308)
- Worn Denim color palette (#D6E6E3, #639EA3, #006471, #003C38, #000B10)
- Hazy Cobalt Basin color palette (#E2F4F3, #91B6D8, #1E73D4, #005475, #031752)
- Navy Dune color palette (#F1E6EB, #5399B9, #004A88, #00302F, #0A0A3B)
- Softworn Cerulean Ridge color palette (#E4F2F0, #A5CAE1, #0091C7, #006A79, #00314E)
- Muted Garden color palette (#ECF8F6, #B3E3F9, #00ACD3, #008286, #00465F)
- Lagoon Balcony color palette (#EFF7F5, #D0DFEE, #76C0C3, #379985, #385864)
- Muted Bronze color palette (#F8E8EE, #B06000, #007A46, #683600, #001407)
Browse the whole catalog at Explore, or see today's palette.