Frosted Petrol color palette — #F2E1EC · #00B4D7 · #006AAF · #004C3B · #0C083D
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F2E1EC): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#00B4D7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006AAF): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0C083D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Frosted Petrol 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
- Lapis Field color palette (#FEE8EF, #63A8E3, #4B56C8, #004A4C, #1D0334)
- Forest Pier color palette (#ECE0ED, #40B6AF, #007288, #0E4E04, #001528)
- Weathered Petrol color palette (#F7EBE5, #81C2D6, #006EA5, #003F38, #000112)
- Denim Villa color palette (#DFE2D4, #589AAE, #00516B, #002F34, #001623)
- Tempered Cobalt color palette (#F5EBF2, #74D4EA, #398DC8, #006F51, #212A52)
- Faded Coral color palette (#DAE0FD, #CD94D8, #DE646D, #006A85, #190C2B)
- Timeworn Summit color palette (#FEF0FC, #7EEFFA, #00A9E2, #00884E, #293F65)
- Hushed Ash color palette (#FCF2F5, #D8DDFB, #95A2D5, #428789, #44455E)
Browse the whole catalog at Explore, or see today's palette.