Petrol Ridge color palette — #F6ECE7 · #77BECC · #006FA4 · #005238 · #1C2A57
Built around Peacock, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Cyan (#77BECC): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1C2A57): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Tempered Pier color palette (#E1EDE3, #67C3D6, #007699, #004C47, #00182A)
- Hushed Cobalt Bloom color palette (#FDF3ED, #A5D1B9, #3A7BBD, #006150, #34375A)
- Ultramarine Lantern color palette (#EDDFD3, #6AA7C8, #044BC0, #003E39, #211248)
- Wandering Lagoon color palette (#F6EAE6, #25A2A4, #005269, #003311, #00132E)
- Worn Lagoon Station color palette (#F4ECF1, #ABDBF1, #56AFDE, #00937B, #0B2D57)
- Wandering Iris Alley color palette (#F9F4EF, #C3E5DB, #7886C3, #007073, #5C3D4A)
- Hushed Navy Courtyard color palette (#F1E4DB, #3D8AAB, #00387F, #00231E, #0A0028)
- Plum Orchard color palette (#FFE5E8, #9E3A9F, #006E62, #00515E, #301130)
Browse the whole catalog at Explore, or see today's palette.