Petrol Ridge color palette — #CEF0FE · #007FA7 · #005176 · #002943 · #000B1D
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CEF0FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005176): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002943): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000B1D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Pale Field color palette (#C4F2F1, #007F9C, #00587A, #002C5C, #0C1255)
- Patina Cypress color palette (#C5E9DD, #008072, #005350, #003030, #000B0D)
- Weathered Mulberry Study color palette (#DAECE6, #0070B2, #981071, #00395E, #15000D)
- Patina Turquoise color palette (#C9F5F7, #00AFCE, #006998, #002F6B, #050030)
- Dusty Veranda color palette (#D3E9F5, #71B7E8, #4382BD, #285188, #142649)
- Frosted Cornflower Basin color palette (#DBE3F0, #407EDC, #004597, #001940, #000105)
- Weathered Aubergine Basin color palette (#E2F0FF, #005A9B, #6F1A8D, #00463F, #00040B)
- Misty Denim Bloom color palette (#F2DAF3, #96A6E3, #857FBD, #004D7D, #020824)
Browse the whole catalog at Explore, or see today's palette.