Tempered Ridge color palette — #F5F6EB · #B5F1FE · #00A2C5 · #00696D · #002230
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Frost (#B5F1FE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#00A2C5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00696D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Timeworn Denim color palette (#ECF0E1, #66ACCD, #005B84, #002A33, #000104)
- Patina Turquoise Studio color palette (#F4F7EB, #BCE2F1, #55B2DE, #007D8C, #02372B)
- Cobalt Canyon color palette (#F4F7EB, #A6D9C5, #0281C4, #004F61, #000D1F)
- Petrol Study color palette (#F1E5EE, #77C1CF, #00749F, #004D3F, #001532)
- Muted Cypress color palette (#EFEFE2, #6FC8C8, #00757E, #003F37, #000304)
- Frosted Sky color palette (#F8ECE6, #B6DFC3, #3BB1E8, #00937B, #002C5E)
- Hushed Pine color palette (#EDFBE1, #C5EDF6, #66DFE9, #358A5C, #002922)
- Timeworn Workshop color palette (#E9FDD6, #00AB84, #008CC3, #776D00, #00110A)
Browse the whole catalog at Explore, or see today's palette.