Petrol Terrace color palette — #E6FCEA · #55A8A1 · #356E9F · #694500 · #21424F
A conversation between Slate and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6FCEA): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#55A8A1): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#356E9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Teal (#21424F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged 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
- Antique Villa color palette (#E8FAF4, #7CB1C1, #6B73A5, #625C00, #334A5E)
- Powdered Garnet Field color palette (#FFF0FB, #6DA876, #007883, #852830, #1B4447)
- Pine Veranda color palette (#EEF8F2, #8ABBAF, #48825E, #1F656A, #2A4942)
- Timeworn Ultramarine Thicket color palette (#C9F0D8, #008CA3, #322CD1, #423800, #002D42)
- Softworn Cobalt Delta color palette (#DFFCFB, #6CBDE1, #428AD2, #7F4E86, #294051)
- Frosted Lantern color palette (#EEF5E3, #57A7CB, #316EAB, #603166, #0C2920)
- Ancient Terrace color palette (#F9F3F7, #C8E1EB, #3D96B6, #007457, #2D4A67)
- Weathered Orchard color palette (#D7FFF7, #2092E0, #7344A5, #2E5000, #22325F)
Browse the whole catalog at Explore, or see today's palette.