Petrol Terrace color palette — #CDE6F9 · #0072A8 · #31285C · #181820 · #000812
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CDE6F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#31285C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#181820): a grounded near-black with real depth.
- Ink (#000812): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, 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
- Softworn Cypress color palette (#CCEEEC, #007B78, #003653, #181C22, #00090C)
- Wisteria Field color palette (#DDDEF1, #BB72FA, #6B5A75, #3A3A4C, #0A0D13)
- Denim Orchard color palette (#D3F0E6, #005788, #09133D, #0A1519, #000302)
- Washed Cornflower color palette (#D2E7FF, #2093FC, #614C85, #1E3650, #00090F)
- Antique Lapis color palette (#E8F0FF, #4344FF, #461F4F, #15121B, #010619)
- Cobalt Quarry color palette (#EBDEE7, #5DC0D5, #008BD2, #007051, #070B3B)
- Wandering Powder color palette (#EAF3FF, #90B6FF, #79798F, #4D5560, #1D2326)
- Aged Loft color palette (#E1F0E6, #6AAC43, #008466, #005E7E, #051400)
Browse the whole catalog at Explore, or see today's palette.