Worn Petrol Ridge color palette — #DDE7DE · #7BBEC9 · #0081A2 · #005A52 · #002236
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DDE7DE): bright and airy, almost weightless.
- Ash (#7BBEC9): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn Petrol Ridge 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 Summit color palette (#D6E4D8, #84B9DA, #0075D3, #005764, #0F1B43)
- Quiet Iris Balcony color palette (#DFF0F9, #8AC8FF, #7F90FF, #006F72, #00293C)
- Dusty Cerulean color palette (#F5F7E9, #AFD7BA, #0088A3, #005152, #000F16)
- Dusty Denim Balcony color palette (#E8DDE5, #53AEBC, #005E88, #004029, #0D1B45)
- Azure Villa color palette (#F0E1DB, #A3CBAE, #339ECC, #007F67, #001F41)
- Aged Lagoon Garden color palette (#DEF3EE, #009D98, #006D79, #004C5B, #002537)
- Tempered Azure Market color palette (#E0F4FC, #00A4D0, #007191, #003C52, #000E16)
- Quiet Scarlet Boulevard color palette (#DAF3FF, #0097AD, #D90F04, #005D6C, #3A0100)
Browse the whole catalog at Explore, or see today's palette.