Petrol Terrace color palette — #D2E2F1 · #006FB1 · #173159 · #1A1720 · #000814
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E2F1): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#006FB1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#173159): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#1A1720): a grounded near-black with real depth.
- Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Nocturne Cypress Cabin color palette (#BDEAEA, #007A7C, #003942, #191B22, #00090D)
- Chalky Ridge color palette (#D6E8FF, #3890FF, #465689, #23364D, #010812)
- Moonless Sapphire Delta color palette (#DEE4F1, #1254F6, #282B5E, #1C1520, #010617)
- Weathered Magenta color palette (#E2E2F6, #C766FE, #645B7F, #3B3A4D, #0C0D14)
- Denim Boulevard color palette (#DBE6F0, #005788, #13103B, #1D1418, #000307)
- Washed Sky color palette (#D2E3E0, #2BC3E2, #0091B5, #006C72, #001622)
- Aged Fuchsia Lagoon color palette (#E7E1F2, #E382D3, #766A81, #4B4755, #18171E)
- Powder Terrace color palette (#EBF2FF, #96B4FF, #747B8C, #4F555E, #1F2226)
Browse the whole catalog at Explore, or see today's palette.