Tempered Sapphire color palette — #FFEEE3 · #7AC7E7 · #0E70D3 · #005347 · #170B47
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#7AC7E7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0E70D3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Forest (#005347): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#170B47): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Weathered Petrol color palette (#F6E5DE, #9ABDA5, #0072A9, #004E35, #091235)
- Aged Petrol color palette (#FEF4E4, #87C1D9, #0075AF, #005559, #003169)
- Chalky Cerulean color palette (#FEEEE9, #8CE0E5, #118FBA, #006734, #02234F)
- Timeworn Balcony color palette (#F6E8DC, #6BA5BF, #0E54AB, #003A33, #0B002C)
- Cornflower Atelier color palette (#FFF1F8, #99D5EE, #248BFC, #007464, #2E246C)
- Feathered Azure Grove color palette (#EAFAED, #D2E1F6, #10A3F0, #007177, #00234F)
- Cypress Hollow color palette (#F7F0EA, #BEE7D9, #7E8BB7, #006C6D, #40202F)
- Antique Meadow color palette (#F4E5E0, #579696, #005267, #002E0B, #00040F)
Browse the whole catalog at Explore, or see today's palette.