Patina Petrol Lagoon color palette — #F4ECF2 · #7FBDC9 · #00719B · #005142 · #002D5D
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4ECF2): a clean, paper-quiet neutral.
- Ash (#7FBDC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#002D5D): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Patina Petrol Lagoon 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
- Washed Cobalt Field color palette (#FAF3F7, #A5CBE1, #477DA9, #006059, #273864)
- Tempered Petrol Harbor color palette (#E9EBDD, #76C1CF, #007791, #004B4D, #001923)
- Denim Pier color palette (#F0E4E9, #73A6C2, #1356A0, #003E3F, #161153)
- Sky Summit color palette (#F8ECE6, #94E1F0, #09B2F0, #009379, #152F4D)
- Lagoon Atelier color palette (#FBEAF6, #499F9F, #005363, #00321D, #001625)
- Washed Cypress Pier color palette (#F9F3F7, #D6DFEF, #6DA0C3, #008072, #43546B)
- Weathered Aubergine Boulevard color palette (#F4F0FF, #CFB2D1, #C38A5D, #6F4496, #492135)
- Raspberry Corridor color palette (#EFE8F4, #B95688, #0E5E0C, #005A4C, #3A0824)
Browse the whole catalog at Explore, or see today's palette.