Tempered Petrol Ridge color palette — #FDE7F5 · #5CC7DF · #006DA8 · #00402E · #010015
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#FDE7F5): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#5CC7DF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered 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
- Aged Ultramarine Pier color palette (#FCE8EE, #7CBEF2, #4558CB, #003E3E, #04000E)
- Washed Teal Loft color palette (#F1E4F3, #4EB5AF, #005F73, #032E03, #000104)
- Quiet Cobalt color palette (#FEF1F6, #87D8FF, #3A77D7, #00524A, #0E002F)
- Denim Corridor color palette (#F8EAE3, #559BAE, #004F76, #00302A, #000E3B)
- Cerulean Garden color palette (#EFF2E0, #70BDD2, #0090B7, #006C73, #001623)
- Faded Rust Grove color palette (#F8D8CB, #AB3F00, #006086, #004966, #030000)
- Ancient Rust color palette (#F3E2EC, #D34B00, #00738D, #682100, #000102)
- Softworn Boulevard color palette (#FDF1F8, #D4D4E3, #6BABED, #17806B, #232D49)
Browse the whole catalog at Explore, or see today's palette.