Petrol Terrace color palette — #E6F4E9 · #5FB0B2 · #008396 · #005F4C · #000B12
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F4E9): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#5FB0B2): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F4C): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Aged Cobalt color palette (#D7E5D9, #75A8C2, #007AC0, #005C64, #000720)
- Iris Villa color palette (#DFF4F8, #56BAE5, #7290ED, #007F75, #000E14)
- Tempered Spruce color palette (#F4E6F3, #629E9F, #00627D, #003F16, #00091B)
- Ancient Cerulean color palette (#CDF6FF, #009EB5, #00728A, #00414F, #000203)
- Frosted Brick color palette (#CAE5EF, #008F98, #C53143, #006066, #140001)
- Lagoon Bloom color palette (#F2E8DA, #1D888C, #00434F, #002018, #000103)
- Frosted Corridor color palette (#E1F0E4, #96C6EC, #4F92EE, #007A91, #11174C)
- Byzantium Boulevard color palette (#D8E9EC, #007D8C, #A21F9F, #6D5500, #000203)
Browse the whole catalog at Explore, or see today's palette.