Petrol Atelier color palette — #D9F3FF · #00698C · #003144 · #231E24 · #000A12
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D9F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00698C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003144): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#231E24): quiet, heavy and certain.
- Ink (#000A12): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged monochrome, muted.
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
- Cypress Terrace color palette (#CCEDE8, #00705F, #00342E, #10171B, #000807)
- Gentle Azure color palette (#CAE0FF, #4AA0E9, #005A9E, #002544, #00040E)
- Sky Terrace color palette (#E7F4FF, #44BFFF, #0075B1, #003A58, #001221)
- Moonless Ultramarine Coast color palette (#E8D9E7, #0052B6, #520024, #001B47, #040000)
- Grape Thicket color palette (#D4EADB, #4B8CCB, #714BB3, #00342C, #000204)
- Midnight Chestnut color palette (#EBE3C0, #924600, #005881, #07090F, #000201)
- Faded Sapphire color palette (#FFEAFE, #81A8ED, #2F63CD, #142B7D, #000730)
- Indigo Harbor color palette (#FFEBF7, #B0B1F1, #796AC4, #373A79, #130C30)
Browse the whole catalog at Explore, or see today's palette.