Petrol Terrace color palette — #E6F1EB · #B3CAC4 · #B39DAE · #006A8B · #0C251B
Peacock and Onyx set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F1EB): bright and airy, almost weightless.
- Stone (#B3CAC4): A luminous, dusty teal — the color of sea glass.
- Mauve (#B39DAE): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#006A8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#0C251B): A deep, shadowed, dusty teal — the color of sea glass.
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
- Antique Denim color palette (#F1E9EF, #D1BEC6, #BB9BA3, #50599D, #281A24)
- Wandering Cerulean Field color palette (#D9E3E9, #BEBECF, #B3A1C4, #008FAC, #12222A)
- Timeworn Abyss color palette (#D7E3DC, #C0B5BF, #A28591, #004D5F, #13231B)
- Aged Petrol color palette (#F0F6FB, #D6D8E8, #A6BCE0, #00698A, #000E19)
- Aged Sapphire color palette (#FCF1FB, #EDD7E4, #D5B3C0, #3A73D8, #3C2D3B)
- Teal Parlor color palette (#EFF2D6, #5DA37F, #007160, #004E59, #002112)
- Pewter Drift color palette (#E4F1FB, #7F8EB8, #806593, #653F19, #312300)
- Antique Cerulean color palette (#EFF7F4, #DFD4D2, #AAA093, #6B95B2, #3D4B46)
Browse the whole catalog at Explore, or see today's palette.