Tempered Sapphire color palette — #FAF0E2 · #80C1FF · #1B60F9 · #004E63 · #13074E
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#80C1FF): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#1B60F9): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#004E63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#13074E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Tempered Sapphire 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
- Soft Delta color palette (#FCF0DF, #63C9F6, #0077BC, #005058, #001642)
- Feathered Sapphire color palette (#EBFAEA, #7CBFF5, #505FD1, #005557, #3E1F62)
- Quiet Cornflower color palette (#E6FCEA, #9FD0FF, #5487F0, #006E8A, #282967)
- Denim Delta color palette (#F1EADF, #6AA9A8, #006470, #003B2B, #000D13)
- Cerulean Drift color palette (#E9E2D7, #2C8694, #004255, #00201C, #000103)
- Frosted Basin color palette (#F9D5D4, #D4003A, #297800, #004AAE, #240004)
- Wandering Rose Orchard color palette (#FBE8E2, #F3155E, #008286, #900033, #001A1C)
- Wandering Atelier color palette (#FFEEE7, #FFC7B0, #E59E00, #973167, #370E0B)
Browse the whole catalog at Explore, or see today's palette.