Petrol Ridge color palette — #D3EFDF · #71A8A3 · #447A8C · #714959 · #5A3845
A conversation between Slate and Coffee, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3EFDF): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#71A8A3): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#447A8C): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#714959): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#5A3845): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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 Cocoa Atelier color palette (#FDDCE7, #7FA897, #44877C, #7C4432, #583844)
- Cerulean Market color palette (#C4EAEA, #95C4D1, #5A95AE, #7E556D, #4E394C)
- Antique Abyss Summit color palette (#C0EEDC, #83B7BB, #55768F, #625026, #214927)
- Weathered Market color palette (#DCFDFA, #B4CBCE, #899BAF, #5E7B69, #335653)
- Tempered Basin color palette (#D8F4DC, #3EAD98, #007C88, #00526E, #123B64)
- Muted Canyon color palette (#E9FAF3, #7BA787, #13716B, #4A4F1D, #043E3C)
- Patina Atelier color palette (#C9EDEB, #5A9290, #346247, #680023, #392500)
- Sunlit Rust Pier color palette (#E0F2FB, #209DBA, #BE5148, #006175, #601915)
Browse the whole catalog at Explore, or see today's palette.