Tempered Sapphire color palette — #FFF1F5 · #DF8E24 · #006DD6 · #824E00 · #143A6A

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#DF8E24): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#006DD6): A full-bodied, vivid blue — the color of deep harbor water.
• Coffee (#824E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#143A6A): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Quiet Balcony color palette (#E0F5E7, #B89A24, #5062B5, #685500, #293357)
• Misty Amber Alley color palette (#FFF1F7, #DA7500, #008BB4, #8A4800, #004156)
• Dusty Sapphire color palette (#CBE7CF, #A27600, #2A63CF, #5F4400, #11274F)
• Wandering Moss Summit color palette (#E2FCF0, #A3A645, #9478C7, #696B00, #3C3F60)
• Sapphire Summit color palette (#FFE7C8, #AC7200, #2E69E1, #633EB1, #1C381D)
• Muted Amethyst color palette (#D7FFF5, #7CB826, #6E4EE4, #436900, #383069)
• Pale Rose Garden color palette (#FFF0FD, #FF444A, #009098, #AF001D, #004348)
• Hazy Magenta color palette (#FFEFDF, #D5821F, #BD4FBA, #844B00, #380538)

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