Petrol Terrace color palette — #D9EDFF · #0071AD · #2A2249 · #001220 · #000407
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D9EDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#2A2249): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#001220): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000407): 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
- Sapphire Garden color palette (#D0DFFB, #505DC9, #3B1942, #080B2C, #000409)
- Eclipse Cypress color palette (#C9E5ED, #007B7A, #002D47, #001319, #000504)
- Timeworn Corridor color palette (#DBFEF4, #0699EE, #2E395F, #00172A, #000201)
- Cobalt Summit color palette (#D6EAE3, #008FD4, #443A76, #002E24, #0B140D)
- Driftwood Balcony color palette (#EDECF6, #9A71A3, #423645, #1E1B2C, #0A0C13)
- Feathered Cobalt Archive color palette (#F9EEF6, #9EDBED, #3488CB, #00644E, #1A1E4E)
- Lowlit Canyon color palette (#E5EBF9, #3212B8, #1F171D, #1D0021, #01000B)
- Chalky Violet color palette (#DCE3FF, #8567E9, #827700, #436928, #190C3A)
Browse the whole catalog at Explore, or see today's palette.