Sapphire Hollow color palette — #F8EED6 · #B09E24 · #3461CF · #635700 · #253457

Built around Royal Blue, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EED6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B09E24): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#3461CF): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#635700): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#253457): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Sapphire Hollow 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

• Soft Sapphire Ridge color palette (#F9ECDE, #BE7E21, #2F73E3, #784B00, #1A345F)
• Quiet Sapphire color palette (#D7F1DF, #BD9D24, #5461C6, #675300, #141839)
• Worn Violet Coast color palette (#F5EEDC, #9B9029, #895BCD, #605800, #3C2A59)
• Washed Summit color palette (#F8F6E4, #94A966, #837DD1, #587000, #3F3D64)
• Muted Mustard Balcony color palette (#FAEDD4, #C8A400, #7492E1, #886F00, #273456)
• Quiet Orchid Cabin color palette (#EDF1DF, #5EB369, #9D53BC, #00591A, #43294E)
• Weathered Indigo color palette (#F2E3C4, #917700, #6958C4, #753389, #36290C)
• Hushed Lapis Canyon color palette (#F5F0DE, #707300, #4136D6, #3B3C00, #110950)

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