Petrol Ridge color palette — #FBEAE4 · #81BDC2 · #007298 · #00532B · #132D54
A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBEAE4): A whisper-light, dusty orange — the color of sun-warmed clay.
- Ash (#81BDC2): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00532B): A deep, shadowed, balanced teal — the color of sea glass.
- Navy (#132D54): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Dusty Cobalt color palette (#FFF2EC, #B0CDB9, #3C7FAC, #006346, #2D385C)
- Sapphire Quarry color palette (#F8ECE1, #8AB7DA, #4D61B2, #004F50, #34244E)
- Hushed Petrol Loft color palette (#E3ECE5, #8DBCCC, #00788D, #004D3F, #001925)
- Quiet Jade color palette (#D3EDD6, #00A781, #006B72, #00485D, #242755)
- Dusty Basin color palette (#B5EBFF, #00A1C7, #005D6B, #002F3C, #001A22)
- Soft Drift color palette (#DCF8E1, #96CFFF, #A985CC, #326939, #1A3E2E)
- Terracotta Harbor color palette (#CCEDEF, #007A81, #9D3B00, #623F00, #002527)
- Brick Parlor color palette (#D0E4D4, #00909A, #B53835, #00535A, #4E0C0C)
Browse the whole catalog at Explore, or see today's palette.