Soft Sapphire color palette — #FFECF2 · #E69125 · #106DE7 · #824D00 · #001D4C

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

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Apricot (#E69125): A luminous, balanced gold — the color of old brass.
• Royal Blue (#106DE7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Coffee (#824D00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#001D4C): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Soft 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 Indigo color palette (#DAFCE1, #CFA025, #5667D7, #735600, #131651)
• Amber Field color palette (#FFECF5, #E77400, #008FBC, #8D4400, #002433)
• Gentle Amber color palette (#FFF4E1, #B98C00, #008ABA, #745700, #004059)
• Cobalt Pier color palette (#FFF3E6, #FAAD48, #0092E0, #A56800, #003E63)
• Tempered Cobalt color palette (#DBF9E2, #9E7900, #006FB4, #594300, #001325)
• Wandering Moss color palette (#DEF9ED, #A5AC3B, #967BD1, #666A00, #2B2042)
• Cobalt Thicket color palette (#FFDFB6, #B07500, #0079C8, #395CAF, #241400)
• Hushed Study color palette (#FFEAFC, #FF5352, #009597, #A61C24, #002627)

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