Frosted Sapphire color palette — #D9E4D9 · #78B300 · #00AAA1 · #3F63FF · #000304

Sapphire takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#D9E4D9): bright and airy, almost weightless.
• Clover (#78B300): A luminous, vivid green — the color of a quiet forest floor.
• Turquoise (#00AAA1): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#3F63FF): A full-bodied, vivid violet — the color of wild irises.
• Ink (#000304): quiet, heavy and certain.

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

Use it as a design system

One click turns Frosted 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

• Chalky Cobalt color palette (#DFECD9, #BEA611, #00AC90, #0074CE, #000202)
• Amethyst Villa color palette (#D0EBDB, #30C082, #00A2CF, #833AEE, #000308)
• Timeworn Moss color palette (#DFE3CD, #CD9800, #5CAA00, #0081A2, #000503)
• Feathered Villa color palette (#D0EEF8, #00B182, #009192, #006191, #000607)
• Timeworn Study color palette (#E2E8DB, #41998B, #406C97, #664400, #1C1000)
• Feathered Balcony color palette (#E9DDD4, #71A8C9, #4570CA, #005E58, #0C0026)
• Airy Magenta color palette (#F7E8F8, #17D0C5, #3DA1FE, #D700C0, #0F0037)
• Softworn Aubergine color palette (#D2ECF0, #638900, #006769, #3F129B, #000102)

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