Tempered Ridge color palette — #F3F7EE · #C4DEF1 · #BDBBEA · #81AD9C · #5F4B5D

Built around Lavender, softened by Sage — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Powder Blue (#C4DEF1): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#BDBBEA): A luminous, dusty violet — the color of a velvet chair.
• Sage (#81AD9C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5F4B5D): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication, Softness, Clarity. 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

• Cerulean Station color palette (#FAF4EE, #C2F2F8, #C9A3C2, #53919C, #614B56)
• Ash Hollow color palette (#F4F6EE, #BBE3F5, #A2D3C1, #76ACB9, #345149)
• Timeworn Cocoa color palette (#FFF3E2, #DADFC7, #C1C5D0, #CCB398, #624700)
• Softworn Cypress Loft color palette (#F6F1EC, #C7E4E8, #8F99C6, #007A7E, #4A2B38)
• Washed Lagoon color palette (#FFF4E1, #E4C374, #89D19F, #D0A393, #46423B)
• Misty Aqua Villa color palette (#F5F6EA, #A8F3FF, #00CBF0, #00A5A5, #00475C)
• Timeworn Bloom color palette (#EBECDB, #54C3CC, #0093A7, #006D68, #00171E)
• Aged Apricot color palette (#FFF1E7, #FFC6A2, #E0A675, #AA865D, #56514B)

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