Petrol Ridge color palette — #DCF2FE · #006C94 · #003045 · #1A1820 · #000910
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DCF2FE): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006C94): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003045): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1A1820): quiet, heavy and certain.
- Ink (#000910): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Cypress Pier color palette (#D9F5F0, #007469, #423F46, #00312C, #000D0B)
- Aged Denim color palette (#CAE3FF, #5C99DC, #0055A3, #002953, #00142D)
- Hushed Garden color palette (#DEF3FF, #0084B3, #004F6E, #001A27, #000204)
- Wandering Sky Harbor color palette (#ECF7FF, #5CB9F4, #006EA1, #004060, #00273E)
- Deep Navy color palette (#E6EFFF, #335CAC, #001889, #240C16, #000724)
- Soft Byzantium color palette (#CBEFEC, #B700C9, #005EC9, #170B1A, #050005)
- Inked Lagoon color palette (#E8DAE7, #00704B, #001233, #1A0605, #00020B)
- Hushed Thicket color palette (#FFE9FC, #86A2DA, #385CAC, #002B90, #0B1E51)
Browse the whole catalog at Explore, or see today's palette.