Tempered Sapphire Ridge color palette — #F0F5FF · #C2C15A · #525EBC · #2D346B · #121A2B
A conversation between Royal Blue and Gold, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Gold (#C2C15A): A luminous, balanced green — the color of fresh herbs.
- Royal Blue (#525EBC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#2D346B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Midnight (#121A2B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.
Use it as a design system
One click turns Tempered Sapphire 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
- Washed Stone color palette (#EAEEFD, #99C28F, #635B8E, #2D3352, #121523)
- Petrol Courtyard color palette (#EEF6FF, #F3A770, #276BB0, #183C62, #091C2F)
- Wandering Lapis Courtyard color palette (#FFF0FA, #E2DF60, #515AD0, #202466, #12010E)
- Wandering Driftwood color palette (#F7F3FB, #B0DDCB, #877499, #544662, #2D2932)
- Timeworn Iris color palette (#F1F5FF, #FFBABD, #857DE8, #565391, #151A2A)
- Misty Pier color palette (#E9DFFA, #9EB841, #951B82, #520146, #140922)
- Aubergine Market color palette (#DDE0F6, #6DA447, #542B82, #250245, #020010)
- Pale Thicket color palette (#FFF0F9, #D78891, #3E329C, #211461, #2A1022)
Browse the whole catalog at Explore, or see today's palette.