Petrol Ridge color palette — #FCECE6 · #4FB3BA · #007095 · #004D28 · #001134
Built around Peacock, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Cream (#FCECE6): a clean, paper-quiet neutral.
- Cyan (#4FB3BA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007095): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D28): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Soft Ultramarine color palette (#FAECE1, #6FABC6, #0060CC, #004B42, #130739)
- Antique Field color palette (#F6EAF3, #78C6CC, #007290, #00402D, #000308)
- Ancient Cerulean Field color palette (#EDEFDE, #76BEC4, #0093A7, #006D68, #00171E)
- Misty Forest Ridge color palette (#F9EBE6, #ADCFAD, #0094B9, #1E7031, #0E2F51)
- Byzantium Study color palette (#EBD7ED, #9F12B0, #006C4C, #004F4F, #120015)
- Iris Lagoon color palette (#FCF3EA, #BCE0FF, #7D90FF, #008285, #47365F)
- Byzantium Orchard color palette (#F4D9E0, #A736D5, #007A4E, #68008B, #001409)
- Powder Veranda color palette (#FAF4F0, #CDE7E6, #8BB5E5, #539584, #604B58)
Browse the whole catalog at Explore, or see today's palette.