Tempered Sapphire Field color palette — #F7F6E7 · #A7C96C · #446ED9 · #526F00 · #030003

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Pistachio (#A7C96C): A luminous, balanced green — the color of fresh herbs.
• Sapphire (#446ED9): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#526F00): A full-bodied, balanced green — the color of fresh herbs.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Cobalt Harbor color palette (#FDF4E5, #DCB73E, #007ACC, #796000, #000201)
• Pale Meadow color palette (#F4F7E6, #83D187, #8D6FD9, #00671A, #040002)
• Airy Boulevard color palette (#F5F7EA, #ACE0A5, #5E8AD1, #44893B, #0D010D)
• Pale Lantern color palette (#F4F7E6, #49BD5C, #7032C6, #005E1C, #020007)
• Worn Emerald Station color palette (#DCF0EE, #89CF9C, #00A3CF, #00A352, #000F1A)
• Dusty Meadow color palette (#EDFAE9, #00E1CD, #BD41B8, #007C71, #050004)
• Emerald Parlor color palette (#E3E6DA, #00A956, #005E79, #005528, #000301)
• Aged Nightshade color palette (#E0EFEA, #779533, #2934C1, #364900, #040D1F)

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