Tempered Ridge color palette — #F8F2FF · #F274BD · #00A5D6 · #466FF5 · #30173E
A conversation between Sapphire and Bubblegum, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F2FF): a clean, paper-quiet neutral.
- Bubblegum (#F274BD): A luminous, vivid rose — the color of strawberry cream.
- Cyan (#00A5D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Sapphire (#466FF5): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#30173E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Violet Ridge color palette (#FDF0FF, #FF899E, #119CF4, #7C59E5, #391234)
- Washed Lapis color palette (#EDE0F3, #E67595, #008DDB, #593FD9, #230420)
- Frosted Wisteria color palette (#F4F4FF, #D48EFE, #00A69F, #007FAB, #1A1A40)
- Orchid Terrace color palette (#FDF1F8, #E7A48E, #8B93D6, #A767B9, #36253C)
- Washed Boulevard color palette (#FFF0F9, #FF8F5A, #8381FF, #BA2EC3, #410E1C)
- Aubergine Quarry color palette (#F8E4F2, #E0462E, #4965E0, #7D00A3, #130005)
- Frosted Nightshade color palette (#FFF3E8, #E68000, #00897D, #5430B2, #190800)
- Wandering Field color palette (#E4FBF7, #85CD70, #00B0A3, #007FAE, #281F72)
Browse the whole catalog at Explore, or see today's palette.