Tempered Ridge color palette — #FFF2EB · #B6E0C8 · #619ACF · #007F64 · #4C3044

Built around Teal, softened by Cornflower — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#B6E0C8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#619ACF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007F64): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4C3044): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, 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

• Faded Periwinkle Courtyard color palette (#FFF3E8, #B1E3FF, #6E9AEC, #00837A, #403766)
• Worn Drift color palette (#FDF3F0, #C1DEBC, #28A6C1, #4F7847, #1A3E59)
• Iris Canyon color palette (#F5EDE4, #9CCAF0, #7081C9, #006B6D, #34244B)
• Patina Lagoon color palette (#EBF8F7, #ABCADB, #37829F, #005E66, #143F55)
• Lagoon Grove color palette (#FCF3EF, #BFE4F0, #8DBDAE, #61937D, #604A5C)
• Soft Peony color palette (#FFDADA, #E851B8, #00A087, #007F8C, #3E2223)
• Patina Cobalt color palette (#F5E9E0, #52C0EA, #1F73D2, #005A4E, #1C1548)
• Gentle Corridor color palette (#F9E9DE, #3AA0C0, #0059A0, #003D31, #070129)

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