Petrol Atelier color palette — #D4E8E8 · #007D89 · #004B56 · #002B36 · #000A10
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D4E8E8): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007D89): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004B56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002B36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A10): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Lagoon Pier color palette (#DCEFE8, #00A2A3, #00687C, #00384C, #001328)
- Dusty Hollow color palette (#DAF0DD, #007C4B, #005036, #002B21, #000E0B)
- Patina Cerulean color palette (#E0F1FB, #008BBD, #004965, #001B29, #000103)
- Softworn Aubergine color palette (#D3E5F2, #005F8A, #6800A8, #004738, #000409)
- Faded Delta color palette (#BEEBFD, #42BAD6, #0085A7, #005A7A, #082C43)
- Sunlit Cornflower Ridge color palette (#DFF1FF, #74B6F1, #5B82E3, #005567, #000D1B)
- Bronze Hollow color palette (#D6ECD8, #8A6D23, #5A3E00, #331D00, #070500)
- Hazy Nightshade color palette (#D3E3F2, #006ED2, #002AAE, #0E007F, #080035)
Browse the whole catalog at Explore, or see today's palette.