Petrol Atelier color palette — #D6FFF9 · #96E1E0 · #68AEB6 · #258095 · #00526D
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D6FFF9): A whisper-light, dusty teal — the color of sea glass.
- Ice Blue (#96E1E0): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#68AEB6): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#258095): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00526D): A full-bodied, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Muted Garden color palette (#E2FAFF, #C2D9FC, #5EC9D5, #007F95, #004155)
- Aqua Lantern color palette (#D5FFFB, #ABECDA, #4DCCD0, #4D95B9, #2A4879)
- Washed Navy color palette (#DAFFF0, #AED6F9, #7C9ECB, #5E72A3, #38407D)
- Washed Cypress color palette (#F6F9D2, #AEDDB6, #70B08B, #2D7E64, #00554A)
- Timeworn Azure Balcony color palette (#D0EFF9, #00AFE8, #0078B2, #00487E, #001C58)
- Muted Cerulean color palette (#F5F7E1, #83CEC9, #549FAE, #6A6997, #3D4C3E)
- Timeworn Aqua color palette (#B0F5FF, #00CAEE, #0099CA, #006393, #00355E)
- Washed Navy Delta color palette (#F2FAD6, #AAC099, #269097, #006280, #14487F)
Browse the whole catalog at Explore, or see today's palette.