Petrol Terrace color palette — #F8EAF2 · #91B8CC · #216CA8 · #00523F · #232955
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8EAF2): a clean, paper-quiet neutral.
- Ash (#91B8CC): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#216CA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#232955): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Tempered Cobalt color palette (#FDF1F7, #A7CAE2, #5478B2, #006157, #303859)
- Softworn Pier color palette (#EEE8DF, #97BEA8, #0174A2, #004B4B, #00162E)
- Denim Field color palette (#EADAE0, #7EA4C1, #3D509D, #003E3E, #261044)
- Weathered Dune color palette (#F2E3EF, #3D9FA7, #00516E, #003219, #001135)
- Wandering Cypress color palette (#FAF3F7, #D7DFF1, #809BBE, #3C7C6F, #49526A)
- Periwinkle Pier color palette (#F9EBE3, #B5DFC6, #47AAFF, #009476, #242953)
- Weathered Courtyard color palette (#C6FBFA, #8FD5D6, #829FE5, #536300, #003B43)
- Muted Garden color palette (#ACFCE3, #00AC92, #006454, #002F29, #001B15)
Browse the whole catalog at Explore, or see today's palette.