Tempered Ridge color palette — #EFEFE5 · #93D2CD · #00999D · #006E5B · #00353A

Cerulean takes the lead with Pine close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Cream (#EFEFE5): a clean, paper-quiet neutral.
• Lagoon (#93D2CD): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00999D): A luminous, balanced teal — the color of sea glass.
• Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00353A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Washed Turquoise Harbor color palette (#F5F6ED, #C5DBC7, #37A6B6, #007D74, #004250)
• Faded Cobalt Alley color palette (#EDF0E3, #A0D1BC, #1A8FCE, #00697D, #003054)
• Teal Alley color palette (#E6FAF5, #9DF9F3, #00A6AB, #006C5B, #002328)
• Patina Delta color palette (#EAECE1, #95BCA1, #00829D, #00595B, #002330)
• Wandering Denim color palette (#E5E6DA, #659DA4, #006374, #003B3A, #000B11)
• Amber Summit color palette (#EBDBC8, #C48C38, #009D7F, #865800, #003126)
• Plum Lantern color palette (#EFE0CE, #B67700, #418F23, #C00655, #2E1B00)
• Tempered Ridge color palette (#FFF4E1, #D9D0A2, #B0B871, #A46900, #3D3100)

Browse the whole catalog at Explore, or see today's palette.