Sapphire Terrace color palette — #F2F3CF · #00C370 · #156CE8 · #001031 · #080108

A conversation between Royal Blue and Clover, giving this palette its sense of nature and growth.

The five colors

• Custard (#F2F3CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#00C370): A luminous, vivid teal — the color of glacier melt.
• Royal Blue (#156CE8): A full-bodied, vivid blue — the color of open sky before noon.
• Ink (#001031): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080108): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, 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

• Airy Moss color palette (#C7EBE2, #1EB326, #5E75FF, #080C30, #070106)
• Ancient Dune color palette (#FCEED7, #00D6A7, #0091E6, #0B2D47, #09131C)
• Washed Lantern color palette (#E4EED5, #00A39A, #383DE9, #030526, #030002)
• Hazy Amethyst Harbor color palette (#E8F3DF, #00BDAB, #8346EA, #15072E, #080104)
• Weathered Moss Chapel color palette (#CAE8D3, #A29800, #0094BC, #001922, #000703)
• Muted Garden color palette (#D4F1FF, #00844B, #4924FC, #1B0415, #030002)
• Quiet Lilac color palette (#D8E6CC, #59E7C8, #AD7CEB, #351C27, #130D0F)
• Pale Amber Workshop color palette (#E0F1D7, #E46E00, #0096B1, #00170A, #010603)

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