Petrol Terrace color palette — #F7EAF3 · #75C0C3 · #00748E · #005238 · #00314F
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#75C0C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314F): 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
- Petrol Studio color palette (#EAEADD, #81C0C2, #007985, #004C45, #001A20)
- Ancient Cerulean color palette (#FCF2F9, #9FCDE0, #3A81A2, #00624E, #1B3C60)
- Hushed Petrol Balcony color palette (#F9EAEF, #8EB7D5, #3B65B3, #004F55, #2A2851)
- Patina Terrace color palette (#DFEDFF, #CFBFF2, #C17F9D, #00637F, #293352)
- Airy Turquoise Hollow color palette (#F9EBE4, #BBDEBD, #00B6DD, #009566, #00314E)
- Hushed Cypress color palette (#FAF3F8, #D6D6EC, #7B9FB5, #3F7C67, #3E556C)
- Powdered Navy Harbor color palette (#FFE8F0, #6295BC, #173EA2, #002F34, #14043C)
- Ancient Sapphire Studio color palette (#D9E2F8, #3F5BDC, #795800, #3C5016, #111B43)
Browse the whole catalog at Explore, or see today's palette.