Petrol Ridge color palette — #F4E4EF · #60C3D9 · #0074A3 · #004C40 · #021533
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E4EF): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#60C3D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#021533): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Ancient Villa color palette (#F8EFF4, #8FD3ED, #4881B2, #005C57, #141E3E)
- Weathered Villa color palette (#F7ECE6, #96BCA2, #0E6FA3, #005239, #1D2A56)
- Hushed Station color palette (#F9E9F0, #61A5CC, #0054B0, #00393B, #07012C)
- Lilac Field color palette (#D3F0FF, #9DCAFF, #B190E0, #00665C, #001928)
- Softworn Atelier color palette (#F7EFF4, #D5D1E8, #7BA1BF, #3E757E, #2B3748)
- Azure Courtyard color palette (#BDEAFF, #00A3EA, #006282, #002F40, #00080F)
- Dusty Lagoon Loft color palette (#DFF3EC, #00908B, #006975, #003B4F, #001936)
- Ancient Lagoon color palette (#F8E7F3, #049DA1, #005264, #002D1C, #00050C)
Browse the whole catalog at Explore, or see today's palette.