Petrol Atelier color palette — #C4FFDA · #90C7B6 · #5EA6A5 · #3F6EAA · #3F467D
Slate and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C4FFDA): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#90C7B6): A luminous, dusty teal — the color of glacier melt.
- Turquoise (#5EA6A5): A luminous, dusty teal — the color of glacier melt.
- Slate (#3F6EAA): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#3F467D): A full-bodied, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged vintage, retro, 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
- Timeworn Petrol color palette (#BBEEF2, #98C4CC, #51969D, #526293, #374062)
- Hazy Dune color palette (#FCF8C1, #B4C594, #779D70, #037A85, #13586C)
- Sunlit Navy Coast color palette (#D8F1EB, #4B9F9F, #037B90, #3C4189, #2B184B)
- Worn Veranda color palette (#EAF8FF, #BDD1E1, #99ADC5, #7E7B96, #564D65)
- Chartreuse Lantern color palette (#FFE6B3, #B7D783, #6DBCA9, #9C779A, #5B3D59)
- Worn Turquoise Lagoon color palette (#E8FAF6, #B3E4F7, #00AECB, #008281, #00475B)
- Faded Grape color palette (#C7F2FE, #66BBE7, #5987BA, #8445A1, #661C57)
- Seafoam Garden color palette (#E8FFC9, #99F0D5, #69B28F, #58846F, #13463A)
Browse the whole catalog at Explore, or see today's palette.