Petrol Terrace color palette — #EFEFE6 · #81BDC1 · #007684 · #00504B · #00343F
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#EFEFE6): bright and airy, almost weightless.
- Ash (#81BDC1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007684): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00343F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Ancient Petrol Lantern color palette (#F7E5DC, #75C2C6, #007793, #004E35, #00182A)
- Dusty Cerulean Orchard color palette (#F5F6EB, #ABCFB7, #0086A3, #005F62, #0B4054)
- Ancient Orchard color palette (#ECF1E5, #8DB5DF, #0062D1, #004B6B, #1C2B53)
- Tempered Turquoise color palette (#F8EBE7, #BADEBD, #22B4E4, #3A9356, #072D59)
- Muted Cerulean color palette (#F4F6EE, #C5E5D8, #4391C9, #0B6D84, #543F57)
- Navy Drift color palette (#E4E8DB, #6295BF, #00498A, #002D3F, #000F39)
- Quiet Lantern color palette (#E9D8E9, #397FD3, #007F4F, #00478D, #00321D)
- Wisteria Dune color palette (#FFEAF7, #D2C4FE, #C37DE6, #425490, #412534)
Browse the whole catalog at Explore, or see today's palette.