Patina Petrol color palette — #CAE9FF · #006AAF · #003F76 · #001B4F · #15002D
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CAE9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006AAF): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003F76): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001B4F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#15002D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Patina 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
- Sapphire Grove color palette (#C9E8FF, #0088E0, #006BC8, #003A99, #06074E)
- Washed Petrol color palette (#E2F3F9, #00749A, #00405B, #00273F, #001326)
- Navy Pier color palette (#D9E1FD, #9D9CD4, #8C6FB5, #003785, #130C3E)
- Cellar Lantern color palette (#DEE2F5, #5666D3, #260A94, #090042, #010013)
- Tempered Pier color palette (#F5DCF4, #0058C2, #005A3B, #002962, #00140A)
- Wandering Aubergine Harbor color palette (#D9E0F7, #5B50E4, #4900AF, #2B005D, #240021)
- Ultramarine Basin color palette (#E6EEFF, #0F2EC8, #6D0067, #00383A, #00002A)
- Radiant Lapis color palette (#E1EEFE, #4892FF, #2A4BF9, #2410B2, #2A187F)
Browse the whole catalog at Explore, or see today's palette.