Tempered Sapphire color palette — #E8FBEF · #C2AE33 · #4EA963 · #4370E2 · #2B152A
Sapphire and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FBEF): A whisper-light, dusty teal — the color of sea glass.
- Gold (#C2AE33): A luminous, balanced green — the color of a quiet forest floor.
- Kelly Green (#4EA963): A luminous, balanced green — the color of new leaves after rain.
- Sapphire (#4370E2): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#2B152A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Tempered 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
- Indigo Basin color palette (#EAF9F4, #A2BB6A, #30B48F, #7870C3, #392031)
- Emerald Study color palette (#FFF1F6, #EC9643, #4AA452, #007CC0, #2A152E)
- Antique Balcony color palette (#E4F4E2, #F3A575, #9C9D33, #7B5EC5, #1D381D)
- Feathered Meadow color palette (#E5FBF3, #A1B758, #009FAD, #9B48A7, #0D2610)
- Quiet Byzantium Canyon color palette (#DCFAF3, #70B300, #0098A0, #8E00D9, #251600)
- Tempered Byzantium Pier color palette (#FEEBF8, #F39577, #00AB92, #9549B0, #4D0B36)
- Plum Market color palette (#D6F1F4, #00BAA0, #0091CB, #B01E70, #111500)
- Sunlit Raspberry Dune color palette (#DFFCFA, #32CE6A, #009FD8, #C82085, #252400)
Browse the whole catalog at Explore, or see today's palette.