Tempered Sapphire color palette — #FFF4E2 · #6CC0FF · #0066DF · #005364 · #232B67

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6CC0FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0066DF): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#232B67): A deep, shadowed, balanced violet — the color of wild irises.

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

• Antique Sapphire Quarry color palette (#FEEFE0, #8FC2E8, #3468DE, #005058, #1A044C)
• Muted Petrol Studio color palette (#F4EEE3, #6CBDDF, #1B6EA2, #004F54, #112D54)
• Cobalt Cabin color palette (#FAF4EB, #9FCBEA, #447BB9, #005E6C, #4B3046)
• Cornflower Courtyard color palette (#FFF1F6, #98D2FF, #5D88E7, #00717B, #311F72)
• Ancient Canyon color palette (#E6FAF9, #B7DFFF, #62AFFF, #0091BE, #002D72)
• Cerulean Dune color palette (#E8DFD0, #23A0B3, #005169, #00302C, #001626)
• Ancient Cerulean Study color palette (#F9F4ED, #AAEAED, #4C96A7, #28705F, #2C5042)
• Misty Crimson color palette (#FFE1E3, #D10048, #3E7400, #00519D, #450916)

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