Tempered Ridge color palette — #F0F5FF · #D9D8E2 · #97A9E5 · #5467AB · #222C50
Built around Slate, softened by Mauve — the whole palette hums with creativity and calm.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Silver (#D9D8E2): a clean, paper-quiet neutral.
- Mauve (#97A9E5): A luminous, balanced violet — the color of wild irises.
- Slate (#5467AB): A full-bodied, balanced violet — the color of wild irises.
- Navy (#222C50): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Weathered Powder color palette (#F0F5FF, #DFD6F2, #9AB2FE, #7589BB, #283851)
- Washed Petrol color palette (#EAF7FF, #D2DBE8, #69B9D7, #007C9C, #002F3C)
- Softworn Pewter color palette (#F5F4FF, #EAD7DF, #C99FD4, #805490, #351A3B)
- Wandering Pier color palette (#FFEBFA, #BFCFFF, #728BBE, #3E4D75, #2C1326)
- Powder Canyon color palette (#F0F5FF, #DBD8E2, #A4C4F0, #BCB1AC, #4C5463)
- Antique Field color palette (#FDF1F8, #EFD3D3, #C6A2B7, #A16A5C, #4F3741)
- Lagoon Harbor color palette (#EDF6FF, #9AC9F3, #9CB88B, #359671, #223344)
- Feathered Aubergine color palette (#F8F2FF, #D4B8FF, #9A5DD3, #500086, #05000E)
Browse the whole catalog at Explore, or see today's palette.