Tempered Sapphire color palette — #F5EDE6 · #7BBBDA · #1A63CB · #005148 · #2C2653

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

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#7BBBDA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#1A63CB): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2C2653): A deep, shadowed, dusty 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 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

• Worn Orchard color palette (#F5ECE9, #78BFC6, #00719A, #00532F, #1B2D4D)
• Weathered Cobalt color palette (#E1EDE3, #84BCDA, #146FB3, #004A52, #031239)
• Antique Cobalt Corridor color palette (#F9F4EF, #A2CAEA, #5B72C3, #00605F, #3F3357)
• Hazy Forest color palette (#FFF2ED, #8BDFE3, #008BB6, #006B35, #274064)
• Onyx Corridor color palette (#EDE2DC, #499CB0, #004D7C, #003123, #090542)
• Periwinkle Dune color palette (#F7EBF0, #A2DCFB, #61A7F9, #009091, #222858)
• Iris Villa color palette (#E9F1DB, #76CFE0, #8798FF, #5D6607, #203D22)
• Softworn Teal color palette (#ADF7F0, #00AA9B, #005D5D, #002E2D, #001718)

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