Petrol Ridge color palette — #D5E6DF · #00CACF · #00A3CE · #0070B1 · #2B2672
Built around Slate, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Silver (#D5E6DF): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#00CACF): A luminous, balanced teal — the color of glacier melt.
- Cyan (#00A3CE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#2B2672): 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 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
- Tempered Turquoise color palette (#D2E7E7, #00B3C6, #008AB0, #00597D, #003965)
- Sapphire Ridge color palette (#D3EFF0, #00C6E4, #009DE4, #3555FF, #321C69)
- Mint Garden color palette (#D5E2D6, #00CC95, #00A9A1, #007B94, #00324F)
- Sapphire Study color palette (#D0ECFF, #7BCAFF, #0BA2F4, #006DC7, #002034)
- Gentle Lantern color palette (#CEF5FC, #5ECCFF, #5AA4FF, #6F66E5, #4A3064)
- Weathered Bloom color palette (#C3E6F3, #36B1FC, #4E83FF, #6B46BB, #3E1F4E)
- Timeworn Atelier color palette (#F5E8DD, #ABCF00, #00A4E1, #005374, #031522)
- Hushed Pier color palette (#E1FBFF, #8FEAF9, #50C2F9, #7A97CB, #464E67)
Browse the whole catalog at Explore, or see today's palette.