Sapphire Terrace color palette — #E1F3E8 · #B6A029 · #3F58E9 · #726200 · #04003F

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

The five colors

• Honeydew (#E1F3E8): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B6A029): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#3F58E9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#726200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#04003F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Chalky Sapphire color palette (#FFE1EC, #DF8929, #4258E9, #8E5100, #05003E)
• Amethyst Study color palette (#D8F6E7, #A8A62A, #8032E9, #686600, #150032)
• Dusty Drift color palette (#F3EADA, #8E7500, #473DF6, #534400, #08003C)
• Dusty Amber Lagoon color palette (#D7F0DC, #B28500, #008EA9, #7D5C00, #001218)
• Dusty Harbor color palette (#C9E7E4, #00983B, #6A40FF, #006625, #05001F)
• Hushed Byzantium Cabin color palette (#F7E8CF, #A27400, #9A15F8, #A0008F, #0D0600)
• Hazy Nightshade color palette (#EEE7D5, #705800, #4524AF, #352800, #030013)
• Patina Boulevard color palette (#D8EFEC, #34BE41, #C405E8, #046214, #1D0025)

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