Tempered Sapphire Workshop color palette — #FFF3E7 · #E28C25 · #1E6BD6 · #844D00 · #053779
Built around Royal Blue, softened by Mustard — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Mustard (#E28C25): A luminous, balanced gold — the color of afternoon light on wheat.
- Royal Blue (#1E6BD6): A full-bodied, vivid blue — the color of deep harbor water.
- Coffee (#844D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#053779): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Sapphire Workshop 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
- Frosted Cobalt color palette (#E0FBDD, #E09525, #0078C9, #7E4F00, #00223F)
- Soft Ridge color palette (#FFF3E8, #D27B33, #008BB6, #8B4700, #004157)
- Airy Canyon color palette (#F7EDDE, #AE863A, #7469C7, #715000, #332B63)
- Cornflower Studio color palette (#FFF3E5, #FFAB31, #0C8FEA, #A46900, #003D69)
- Olive Hollow color palette (#FAF5E7, #AAA25E, #9B78B8, #726700, #4F3563)
- Indigo Pier color palette (#F8F8D6, #81B54D, #7762F2, #355A00, #372E71)
- Brick Harbor color palette (#FFF2EE, #D86F76, #008FA0, #AD0033, #00434C)
- Worn Workshop color palette (#EDF0C0, #848600, #007F9C, #00669D, #323300)
Browse the whole catalog at Explore, or see today's palette.