Weathered Sapphire color palette — #FFF3E2 · #CC9A25 · #4768CC · #765600 · #223670
A conversation between Royal Blue and Mustard, giving this palette its sense of optimism and creativity.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Mustard (#CC9A25): A luminous, balanced gold — the color of honey in a jar.
- Royal Blue (#4768CC): A full-bodied, balanced violet — the color of a velvet chair.
- Coffee (#765600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#223670): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Tempered Lantern color palette (#DCFBE2, #CF9F25, #5167DA, #745600, #0F0E5F)
- Patina Indigo Garden color palette (#F3F0D7, #819935, #5B71CA, #4D5F00, #263160)
- Byzantium Field color palette (#FFF5D7, #B0A725, #8E4CB9, #655F00, #4C2665)
- Patina Cornflower Bloom color palette (#FFF4E2, #ECB62D, #6183EC, #977100, #1E317D)
- Gentle Veranda color palette (#FFF2E9, #DF7019, #0089BE, #904300, #00405B)
- Lapis Study color palette (#ECDCBD, #987C00, #5A59C5, #584700, #211B60)
- Feathered Quarry color palette (#FBEABB, #9B7C00, #5565D3, #6F3AA3, #3C2F00)
- Misty Thicket color palette (#F3EBD3, #767000, #77359A, #3E3B00, #2B003E)
Browse the whole catalog at Explore, or see today's palette.