Tempered Petrol Ridge color palette — #F4E6DF · #5DC5D4 · #00759C · #004D3C · #001630
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#F4E6DF): bright and airy, almost weightless.
- Cyan (#5DC5D4): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001630): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Hushed Petrol color palette (#F4EBF2, #7BBEC9, #0070A0, #005235, #1A2B57)
- Ancient Denim Terrace color palette (#E8DBD1, #41A9D5, #0059A1, #003939, #05032B)
- Airy Cornflower Veranda color palette (#FEEFE2, #9FD8FB, #3D81E1, #006165, #1E1E4B)
- Timeworn Cerulean Dune color palette (#E7FAF7, #ACF3FF, #00A3C0, #006A6A, #00222E)
- Lilac Pier color palette (#CDF3D9, #9BCFFF, #AB94DA, #006451, #002517)
- Worn Hollow color palette (#FCEAE0, #2B9C9A, #005361, #002E18, #00050B)
- Timeworn Grove color palette (#F9F0EB, #C3EBE6, #77A2BE, #3F776C, #403040)
- Powdered Basin color palette (#CCEAD6, #008FA5, #B33E2C, #00505D, #2A0100)
Browse the whole catalog at Explore, or see today's palette.