Petrol Ridge color palette — #FBF4E9 · #B9DED3 · #7896CA · #007893 · #4E2E45
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Silver (#B9DED3): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#7896CA): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4E2E45): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Weathered Periwinkle color palette (#EFF8F0, #DAD5DF, #7BA6F0, #007B97, #262B4D)
- Muted Grove color palette (#FAF4EB, #BADFC7, #4AA1C6, #007C77, #124438)
- Weathered Market color palette (#FFF0FE, #E4D5ED, #D3B1E7, #448CB6, #51364C)
- Patina Cobalt Parlor color palette (#FAF4EE, #A5D0C3, #6774AD, #005F62, #42305A)
- Azure Grove color palette (#FFF4E2, #93D5F5, #2093E1, #00717A, #0F3066)
- Petrol Pier color palette (#ECE4D8, #6EACBF, #006F9A, #004A49, #00152A)
- Cobalt Archive color palette (#CAEAF4, #34B9ED, #208ACF, #235C9B, #2A3863)
- Quiet Villa color palette (#D6F7EE, #6BADF0, #C28841, #0074C8, #4D2D00)
Browse the whole catalog at Explore, or see today's palette.