Petrol Terrace color palette — #D2E4DC · #006E93 · #182342 · #02100A · #010301
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D2E4DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006E93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#182342): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#02100A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#010301): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Cypress Thicket color palette (#E4F2DF, #007569, #082C1C, #060F04, #020200)
- Patina Cerulean color palette (#DAECF9, #008CBC, #2B415C, #0E2432, #050F14)
- Ancient Cobalt Station color palette (#F5E8F5, #0074D7, #402935, #1C121C, #020805)
- Moonless Lapis Drift color palette (#F2DEEB, #5342E2, #361B24, #140810, #040104)
- Chalky Indigo color palette (#FAE6F6, #5472DC, #8D6700, #635E00, #1F0C1C)
- Muted Cerulean color palette (#F9F0EB, #AED2B4, #3087A5, #005E45, #002720)
- Dusty Cornflower color palette (#FBDFF6, #5E88FF, #997600, #354F99, #251A00)
- Wandering Delta color palette (#F7F1E3, #8CAC6D, #2C754D, #2E4F35, #1F1D01)
Browse the whole catalog at Explore, or see today's palette.