Petrol Ridge color palette — #F1F7F2 · #D8DDEF · #7F9CBA · #3C7983 · #455369
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D8DDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7F9CBA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#3C7983): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#455369): A full-bodied, dusty blue — the color of open sky before noon.
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
- Tempered Cypress color palette (#F7F0F3, #D6DBED, #849CCB, #007C74, #2F344D)
- Softworn Ridge color palette (#F3F4FF, #A38BC0, #A8815A, #44837B, #404054)
- Softworn Driftwood color palette (#F3F4FF, #E0D7E0, #DCB8CA, #7987AA, #4D4A5F)
- Petrol Workshop color palette (#E7F2E9, #8EB9CA, #00748F, #005147, #00324A)
- Softworn Orchard color palette (#F8F5EF, #C3E0EF, #99CCFE, #6CAEB9, #5E4C5C)
- Iris Ridge color palette (#E9F1FF, #A3AEE4, #837CB9, #6F5A8E, #504D6A)
- Lagoon Summit color palette (#E4F1E6, #519E9A, #00545C, #003122, #00171F)
- Antique Cerulean color palette (#ECF9EF, #9ADCDC, #008FA2, #006952, #00475C)
Browse the whole catalog at Explore, or see today's palette.