Tempered Ridge color palette — #EAFAED · #E7ACAE · #A2915E · #5B6F95 · #55414D
A conversation between Caramel and Rose Quartz, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Rose Quartz (#E7ACAE): A luminous, dusty red — the color of late-summer berries.
- Caramel (#A2915E): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#5B6F95): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#55414D): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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 Jade color palette (#FFF0F8, #DCB68B, #739F75, #77658E, #394D41)
- Softworn Taupe Coast color palette (#FCF4E8, #FFCFCF, #B7A153, #5E7399, #623000)
- Stone Archive color palette (#ECF9EE, #FEC1A2, #C5AB6B, #5796A8, #574049)
- Wandering Cocoa color palette (#FDF4E6, #CE9A80, #897543, #0D6477, #673C00)
- Lagoon Courtyard color palette (#FAF3F7, #D8D5E6, #91B5D9, #559582, #495268)
- Amber Coast color palette (#FCEEF2, #C3905A, #475E55, #413338, #261F25)
- Amber Market color palette (#FFE7F1, #D79033, #4D8751, #5C4787, #163826)
- Misty Tangerine color palette (#E0FFDF, #FF7D3D, #7A901C, #45479E, #4B2F00)
Browse the whole catalog at Explore, or see today's palette.