Sapphire Hollow color palette — #F3F0CC · #6CAB3D · #3472E8 · #021542 · #10000F

A conversation between Sapphire and Kelly Green, giving this palette its sense of nature and growth.

The five colors

• Custard (#F3F0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#6CAB3D): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#3472E8): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#021542): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#10000F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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

• Hazy Indigo color palette (#F3EEE0, #00CA90, #4C6FEA, #081141, #0B0009)
• Patina Mustard color palette (#FADACA, #CEA907, #0083BA, #0F1629, #000A06)
• Gentle Lime Lagoon color palette (#E7F3D8, #B6BA00, #2EAEFB, #003553, #001527)
• Worn Summit color palette (#DDF0D9, #09D9A0, #AB55E0, #2D111B, #13090C)
• Pale Coast color palette (#ECD9E8, #9C9B00, #1F2A99, #07004F, #010016)
• Aged Grape color palette (#E4EBCA, #00A0AF, #7200E5, #09011E, #040002)
• Timeworn Tangerine Boulevard color palette (#E7E9D4, #FE6332, #00A2A2, #001F1F, #000700)
• Wandering Iris color palette (#D9E4C2, #FF7D7B, #6E86F6, #101354, #281123)

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