Weathered Sapphire color palette — #F0E8CE · #BD9C29 · #395AE9 · #775F00 · #03003F
Built around Royal Blue, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Parchment (#F0E8CE): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#BD9C29): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#395AE9): A full-bodied, vivid violet — the color of wild irises.
- Olive (#775F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#03003F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Misty Cobalt Chapel color palette (#EEDDC8, #D29129, #0070BD, #855700, #001022)
- Aged Ultramarine color palette (#D8F6E4, #897800, #1C54E4, #504500, #00043C)
- Dusty Studio color palette (#E7EEDA, #8BB02A, #8637DB, #546D00, #17002F)
- Wandering Loft color palette (#E7E3CC, #907E00, #00829D, #A32E88, #0A0700)
- Pale Ember Pier color palette (#F6E7EF, #E55C00, #008DAF, #A23F00, #001219)
- Gentle Azure Ridge color palette (#FBE1F9, #0095E7, #5D8300, #202F02, #000202)
- Misty Sunflower color palette (#EDE7B1, #DDCC32, #9F99FF, #827700, #2C1671)
- Aged Workshop color palette (#CAECE7, #4ABD2B, #C231D1, #196100, #1F0022)
Browse the whole catalog at Explore, or see today's palette.