Soft Sapphire color palette — #FFF1CF · #BCA926 · #4168E4 · #685C00 · #0D1B4B
A conversation between Royal Blue and Gold, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF1CF): A whisper-light, dusty gold — the color of old brass.
- Gold (#BCA926): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#4168E4): A full-bodied, vivid violet — the color of wild irises.
- Olive (#685C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#0D1B4B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Dusty Study color palette (#FFF1C8, #B3AD25, #8256CC, #625E00, #280F49)
- Timeworn Ridge color palette (#F0EBD0, #8B9721, #3F4BC2, #454C00, #08063B)
- Amber Villa color palette (#FFEFDE, #D28400, #008EC3, #804E00, #002435)
- Hushed Cornflower color palette (#DCFFE9, #DEBD2D, #6881EC, #8D7600, #253179)
- Moss Loft color palette (#F5F3DB, #8CB353, #B671B0, #546F29, #391A37)
- Frosted Cabin color palette (#FFF4DC, #AB9300, #009190, #6C5B00, #004444)
- Frosted Clover Lagoon color palette (#EFF7D2, #2AC759, #AA53CC, #006123, #320940)
- Tempered Amethyst color palette (#FAE2AD, #A37C00, #8748E4, #6C49AC, #201600)
Browse the whole catalog at Explore, or see today's palette.