Petrol Atelier color palette — #CBE8EB · #007692 · #004264 · #00103B · #01000A
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBE8EB): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007692): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004264): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00103B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Petrol Atelier 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 Courtyard color palette (#BFE8F7, #006FAC, #002D8A, #120050, #020008)
- Twilit Denim color palette (#CFF0FF, #00577A, #00314F, #001528, #000106)
- Hushed Lagoon color palette (#D7EFE0, #00886A, #00504E, #001316, #000103)
- Timeworn Petrol color palette (#E3F1FF, #0071AE, #6E4E00, #002E4B, #020100)
- Navy Workshop color palette (#E3ECFF, #5483D5, #003C8B, #200C20, #000416)
- Soft Delta color palette (#D3E7FB, #A9A7EF, #C166B1, #004E5F, #01000D)
- Smoked Archive color palette (#D3E1F1, #4D60C9, #42009D, #260042, #030003)
- Ultramarine Chapel color palette (#FFE7D9, #00AC78, #005CC5, #0B0A16, #000105)
Browse the whole catalog at Explore, or see today's palette.