Petrol Terrace color palette — #CAF4EE · #56AAB3 · #007796 · #49437D · #522648
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CAF4EE): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#56AAB3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007796): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#49437D): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#522648): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, 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
- Basalt Grove color palette (#AFEFFF, #73B5D8, #5B7B9D, #684E74, #613259)
- Patina Jade Station color palette (#D9E3D2, #65A671, #057B5F, #1A5772, #343561)
- Dusty Cobalt color palette (#E3F1FF, #6483BD, #515378, #413252, #3A1829)
- Teal Garden color palette (#DDEEEC, #00AFAD, #007378, #004B53, #003641)
- Ancient Pewter Coast color palette (#E7F9FF, #B9D2E0, #7D93A4, #696D87, #535161)
- Gentle Byzantium color palette (#B1F1FF, #0095AB, #953CCB, #005866, #440065)
- Tempered Ridge color palette (#E7E9D9, #6C9F7D, #007784, #76171E, #311900)
- Dusty Terrace color palette (#D0E5E6, #1B7187, #0B3C5A, #28183E, #260013)
Browse the whole catalog at Explore, or see today's palette.