Tempered Petrol Ridge color palette — #E5F2E7 · #7EC5CA · #007389 · #003F34 · #000306
Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Cream (#E5F2E7): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#7EC5CA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
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
- Aged Pier color palette (#E3F3E6, #87BDE9, #2B64BB, #003C4A, #010014)
- Ancient Cobalt Grove color palette (#EEF8F0, #A7D3EA, #0084B6, #005151, #000D1E)
- Patina Lagoon Courtyard color palette (#FEE7DF, #009DA5, #00516C, #002E15, #000412)
- Forest Hollow color palette (#E6DCE4, #73BFC3, #0090BB, #007239, #001231)
- Hushed Canyon color palette (#E9FAEC, #CAE4FB, #00A9DA, #00736C, #002741)
- Linen Fuchsia Archive color palette (#E0EBFF, #D9C9FF, #D974D0, #005691, #060020)
- Lapis Coast color palette (#EBEFFF, #4650DC, #A21E00, #005128, #00000B)
- Cornflower Balcony color palette (#D6F0FD, #008EE6, #00469D, #0E006A, #02000F)
Browse the whole catalog at Explore, or see today's palette.