Weathered Sapphire color palette — #ECDCBC · #967C00 · #0068C9 · #574800 · #052950

Royal Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Wheat (#ECDCBC): A whisper-light, dusty gold — the color of old brass.
• Ochre (#967C00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Blue (#0068C9): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#574800): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#052950): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Quiet Market color palette (#F5D9BB, #C17C20, #00609D, #683E00, #002B4A)
• Pale Sapphire color palette (#F6EFD5, #A2A424, #3267BE, #5A5B00, #1C355D)
• Worn Ultramarine Delta color palette (#E9E3C4, #687500, #4243C0, #363E00, #110C4C)
• Quiet Grape Canyon color palette (#E4DFC1, #839921, #6344A8, #435000, #2C1F4B)
• Wandering Grove color palette (#CEE9D5, #9C7B00, #007C73, #574400, #001614)
• Weathered Ultramarine color palette (#F1E3C2, #856600, #494CBD, #5F2587, #2B1C00)
• Airy Alley color palette (#E9DCC7, #BC9200, #009B90, #7B5F00, #00312C)
• Scarlet Bloom color palette (#F9D5C8, #D5444B, #00739F, #861722, #002D41)

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