Petrol Ridge color palette — #D7FEFC · #9AD9C7 · #50B4B0 · #008591 · #315368
Built around Cerulean, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Ivory (#D7FEFC): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#9AD9C7): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#50B4B0): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008591): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#315368): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns 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
- Sunlit Studio color palette (#C7F1EB, #00B5BE, #007F9F, #005381, #042B60)
- Worn Cobalt color palette (#E7F9FF, #93D6E8, #60A8D0, #4F7FBA, #435371)
- Lagoon Lantern color palette (#EAFCDF, #70C3B5, #00948F, #127475, #3B5440)
- Patina Parlor color palette (#DEFEEE, #C2D09D, #80B378, #308761, #1B555D)
- Lagoon Studio color palette (#ECF8FB, #99CEDC, #E09E92, #00A19E, #5F4259)
- Weathered Teal color palette (#E7F9FE, #D7DBE7, #C9B4C7, #82B8A0, #3A515F)
- Weathered Lantern color palette (#D5F5E6, #008379, #00555A, #002935, #000B14)
- Patina Nightshade Workshop color palette (#D1F4F8, #0097BE, #0068AA, #1000B5, #19075A)
Browse the whole catalog at Explore, or see today's palette.