Petrol Terrace color palette — #D2E3DC · #0074A0 · #103061 · #121E22 · #000A05
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Silver (#D2E3DC): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#103061): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Onyx (#121E22): quiet, heavy and certain.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
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
- Hushed Lagoon color palette (#E5F4E2, #007B72, #003942, #0E1D1C, #000A08)
- Feathered Azure color palette (#D5EBFF, #0698EE, #435592, #103855, #000A05)
- Eclipse Orchard color palette (#CEEADD, #005B7A, #120C44, #061719, #000302)
- Shadow Lagoon color palette (#D5EBFD, #5E5357, #003B55, #21191F, #000713)
- Sapphire Coast color palette (#FAE3FC, #006BC2, #262867, #100113, #000201)
- Cerulean Corridor color palette (#E9E0D3, #71BEC7, #0091B1, #006E60, #001623)
- Softworn Iris Balcony color palette (#F2DAEA, #8C95FF, #705C8D, #54374B, #170E17)
- Linen Pine color palette (#E6E2CC, #71A95D, #00864E, #00635E, #101100)
Browse the whole catalog at Explore, or see today's palette.