Petrol Ridge color palette — #DFF5F1 · #50B0C1 · #00829C · #005D5E · #000B12
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DFF5F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#50B0C1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005D5E): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Chapel color palette (#D7E4E2, #55C0DB, #0090B7, #006C73, #001623)
- Soft Grove color palette (#D5EBEA, #70A7D1, #0076CE, #005976, #00071F)
- Denim Atelier color palette (#F2E6EF, #40A2B2, #006083, #003D30, #00091B)
- Washed Thicket color palette (#F1E2EE, #47838D, #004060, #002013, #00000C)
- Wandering Terracotta Alley color palette (#EBEFD3, #6D7600, #007769, #8D3E00, #020200)
- Dusty Azure Veranda color palette (#E3F2F1, #A0DCFD, #2CAEFB, #008DAA, #022F54)
- Moss Field color palette (#E1E4C2, #77BC8D, #53AC4A, #776200, #000F09)
- Weathered Villa color palette (#EFF7F6, #CCE0FA, #6DCDE2, #45AAA6, #294D5F)
Browse the whole catalog at Explore, or see today's palette.