Petrol Terrace color palette — #F3EEE6 · #90BDA5 · #0070A0 · #004F51 · #062E55
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Mint Leaf (#90BDA5): A luminous, dusty teal — the color of glacier melt.
- Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#062E55): A deep, shadowed, balanced 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
- Softworn Cobalt Meadow color palette (#FAF4EB, #AECDC0, #397DB9, #005E69, #233965)
- Misty Cobalt color palette (#F4E6DD, #7EBED4, #006DBB, #004D3D, #100F37)
- Worn Canyon color palette (#F6EEE0, #609AA2, #005266, #00302A, #001623)
- Patina Sky color palette (#E6F2E8, #9DDEF6, #44AFEB, #009093, #132F4D)
- Aged Forest Bloom color palette (#E5FBD8, #8DD7D9, #51ABD0, #00702C, #00413A)
- Aged Petrol Summit color palette (#F8F5EF, #CAE5E5, #729FC2, #007E86, #604A5F)
- Soft Emerald color palette (#E2F6D8, #429945, #006943, #004C3B, #00323C)
- Quiet Plum Courtyard color palette (#D9E2CF, #00956D, #AC2F84, #00573E, #4B0437)
Browse the whole catalog at Explore, or see today's palette.