Petrol Terrace color palette — #CFE6DE · #006B9F · #152344 · #00100B · #000301
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#CFE6DE): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006B9F): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#152344): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#00100B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Midnight Ultramarine color palette (#FBE7FA, #005DCE, #211F45, #140714, #000302)
- Patina Studio color palette (#E0F1FF, #0089C9, #2E405D, #15232E, #070E13)
- Charred Navy color palette (#F4EAF6, #00447D, #090039, #060D11, #030004)
- Iris Atelier color palette (#F9E8F0, #8776B8, #4D3339, #261B20, #100A0E)
- Timeworn Corridor color palette (#F7F1E7, #B0D1BA, #0088AE, #005C55, #00281E)
- Timeworn Rust Balcony color palette (#F1DBE8, #706DCF, #B84300, #006C49, #23081B)
- Nightshade Courtyard color palette (#F8E2F1, #7988E5, #997700, #3F46AB, #251A00)
- Twilit Veranda color palette (#F2E0E6, #3F3A34, #3C0061, #1A0E05, #060006)
Browse the whole catalog at Explore, or see today's palette.