Tempered Ridge color palette — #F6EBDF · #8BB5DB · #5779E9 · #006B79 · #17023D

Built around Periwinkle, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F6EBDF): bright and airy, almost weightless.
• Sky (#8BB5DB): A luminous, dusty blue — the color of deep harbor water.
• Periwinkle (#5779E9): A luminous, vivid violet — the color of wild irises.
• Peacock (#006B79): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#17023D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Loft color palette (#F2DFD5, #7BBBCF, #108BCE, #006E63, #000B3F)
• Wandering Atelier color palette (#E1F2F2, #79A6D1, #0763C5, #004662, #000844)
• Wandering Veranda color palette (#ECF0E3, #98BBDC, #2466B6, #003A52, #000114)
• Periwinkle Field color palette (#F5EDE6, #AFD9FA, #82A3E8, #008F9C, #2B2751)
• Aged Boulevard color palette (#FFEAEE, #F097C1, #DE866B, #596FD4, #2B0325)
• Nightshade Lagoon color palette (#F9ECF0, #578FC0, #2133B3, #002B31, #050018)
• Gentle Magenta Alley color palette (#F5E7FF, #C659FF, #007A6E, #4F6C00, #0F001A)
• Turquoise Orchard color palette (#FFF2EC, #80EEF2, #00BDE5, #009C6B, #003656)

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