Petrol Terrace color palette — #F0F7F2 · #CBDEE0 · #D3AFCB · #007888 · #344439
Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Silver (#CBDEE0): A whisper-light, dusty blue — the color of deep harbor water.
- Rosewood Mist (#D3AFCB): A luminous, dusty pink — the color of peonies in June.
- Teal (#007888): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#344439): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Petrol color palette (#F8F3F8, #E7D8D8, #D1BBB7, #5476A4, #4D444D)
- Timeworn Drift color palette (#F3F7F1, #CBDFDC, #9AC8B7, #007C6B, #3B4238)
- Denim Pier color palette (#E8F1EC, #D5C7D6, #B397A8, #005E76, #25312B)
- Softworn Turquoise Boulevard color palette (#EFF7FB, #D6D9E6, #B7A7AF, #02B7D7, #2A4450)
- Nightshade Loft color palette (#FAF2F8, #E7C9D3, #C198B7, #484BAE, #422A3A)
- Worn Indigo Studio color palette (#B1F6FD, #87B6E5, #856FBF, #5F5F34, #4A490B)
- Patina Jade color palette (#FCF6DD, #77B56F, #007C5D, #005B6A, #3A3B34)
- Mulberry Chapel color palette (#E7FCEA, #008F97, #901292, #4E3E00, #153312)
Browse the whole catalog at Explore, or see today's palette.