Weathered Sapphire color palette — #E8FCE7 · #D89324 · #0265EB · #7E5100 · #18396D

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

The five colors

• Ivory (#E8FCE7): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#D89324): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0265EB): A full-bodied, vivid blue — the color of open sky before noon.
• Coffee (#7E5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#18396D): 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 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

• Amethyst Canyon color palette (#E2F4E6, #BE9724, #7549CA, #6B5300, #392B5A)
• Frosted Sapphire color palette (#CEE5D3, #9D7900, #265FD9, #5C4500, #0D2557)
• Patina Amber Market color palette (#FFF1F6, #D17C00, #008DAC, #854D00, #004252)
• Faded Indigo color palette (#DCFEF6, #76B849, #6564FF, #2E5C00, #303468)
• Airy Lilac color palette (#E4FCF2, #9CA84C, #9F70CE, #636D00, #4A3A5C)
• Ultramarine Garden color palette (#FFE7C6, #A97400, #0074CB, #424ACF, #422B04)
• Pale Brick color palette (#FFF0FC, #E56758, #009099, #AE0808, #004348)
• Faded Lapis Bloom color palette (#D3EDE2, #707300, #4D2ED7, #3B3C00, #150F46)

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