Tempered Sapphire color palette — #CFE9D4 · #00AFA0 · #3772D5 · #6D5000 · #001A1F

Sapphire and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#CFE9D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00AFA0): A luminous, balanced teal — the color of sea glass.
• Sapphire (#3772D5): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#6D5000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Powdered Jade Studio color palette (#FFE7EE, #00B380, #007EBB, #784900, #001B1A)
• Indigo Quarry color palette (#CCF5E8, #00ABC0, #725ED9, #4B5E00, #001828)
• Ancient Fern color palette (#D6E7DC, #64B6B6, #698BBE, #616700, #002D19)
• Powdered Grape color palette (#D9EEEC, #21B85B, #7C45BF, #5A5300, #001706)
• Antique Iris Basin color palette (#D7EEBC, #00C7DA, #8A82FF, #4D7100, #002D42)
• Feathered Terrace color palette (#ECDCC4, #008EAF, #194FB8, #6B0C00, #001827)
• Timeworn Alley color palette (#F7DBF0, #63AD54, #00849C, #9F1400, #001C13)
• Feathered Grape color palette (#D8F3F1, #0086AE, #6E3AA2, #004720, #00030E)

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