Petrol Terrace color palette — #CDE7EA · #007588 · #00546F · #00253E · #000A1A
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDE7EA): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00546F): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00253E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Pine Drift color palette (#E1F6E7, #00805E, #005249, #002E2D, #000C0E)
- Tempered Cobalt color palette (#CDE3F8, #007BC6, #004975, #001A2F, #000205)
- Gentle Cerulean color palette (#CAF5EF, #008B9B, #006786, #003C67, #000226)
- Terracotta Parlor color palette (#CCF2E2, #00729E, #8E3C00, #003D57, #0F0300)
- Antique Lagoon color palette (#D2E9E2, #7B99E1, #896DBF, #005566, #000A21)
- Navy Bloom color palette (#C6E6F9, #006CAA, #004598, #170070, #0E0031)
- Timeworn Mulberry color palette (#D0E1EE, #005E8E, #8F0048, #374300, #000205)
- Frosted Courtyard color palette (#C3E8F5, #0BAEF0, #0076CB, #214FA1, #242C61)
Browse the whole catalog at Explore, or see today's palette.