Tempered Ridge color palette — #F2F7EB · #83BFA3 · #C183A1 · #00875F · #663F52

Built around Fern, softened by Dusty Rose — the whole palette hums with balance.

The five colors

• Ivory (#F2F7EB): a clean, paper-quiet neutral.
• Mint Leaf (#83BFA3): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#C183A1): A luminous, balanced rose — the color of strawberry cream.
• Fern (#00875F): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#663F52): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Balance. Tagged 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

• Wandering Wisteria Study color palette (#EEF4E9, #7EC3B1, #C284B9, #00856E, #43282C)
• Petrol Grove color palette (#EBFAEF, #7BBCC9, #CA8472, #008193, #534B47)
• Dusty Olive Veranda color palette (#F8F5E8, #ADB681, #9990C5, #6F7A1C, #4D476C)
• Mallow Atelier color palette (#EAF9FA, #91D4C0, #DE95D0, #3AA087, #514862)
• Raspberry Study color palette (#E8FCE3, #00AA9E, #C9497C, #006B63, #6B0C39)
• Weathered Iris color palette (#F0F9E9, #66A792, #8A7EC3, #A3653F, #3A472F)
• Dusty Fern Pier color palette (#FAF4EA, #C1B89C, #8E7F54, #725836, #524800)
• Driftwood Lagoon color palette (#F2F7EC, #BAE1E6, #AFC5ED, #749D72, #44503F)

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