Tempered Petrol Ridge color palette — #E9EADD · #84BFC5 · #00788A · #004B48 · #001921
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#E9EADD): a clean, paper-quiet neutral.
- Ash (#84BFC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): A deep, shadowed, 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 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
- Patina Meadow color palette (#F4ECF1, #8BBACB, #007393, #00523C, #09304F)
- Cerulean Alley color palette (#F1F3EB, #ACD2B9, #1C88A7, #005B5F, #002433)
- Petrol Workshop color palette (#E7EBE0, #93B8D9, #376CAD, #004763, #01103F)
- Denim Quarry color palette (#E3E5D8, #7EA793, #006085, #003841, #000C18)
- Muted Abyss Canyon color palette (#EAEDDC, #5B836D, #004258, #001F23, #000103)
- Navy Corridor color palette (#EAF0DF, #628EB8, #004694, #00293C, #00001E)
- Soft Aubergine Lantern color palette (#F4DBDF, #A066A7, #007698, #71007E, #00151E)
- Pale Brick color palette (#FFE9ED, #8D4BA0, #A8252B, #004C8E, #16011C)
Browse the whole catalog at Explore, or see today's palette.