Tempered Sapphire color palette — #F6E4B0 · #00ACBB · #2961E6 · #5E4B00 · #002E3E

Royal Blue and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F6E4B0): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#00ACBB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2961E6): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#5E4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002E3E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro, vibrant, cool.

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 Lapis color palette (#C6F0DC, #00A8D2, #6343F9, #525000, #002B49)
• Pale Sapphire Study color palette (#FFF3E4, #00BEDB, #4958F9, #613E00, #001B2A)
• Soft Quarry color palette (#FFDCCA, #00B198, #0077A9, #7B3600, #003032)
• Amethyst Pier color palette (#CFEFF4, #00A291, #7C30E0, #6D3800, #002B24)
• Indigo Courtyard color palette (#D9FEF8, #39B6E9, #7B6BCF, #576200, #0B3660)
• Airy Veranda color palette (#BCE9E1, #3F99DE, #7A50AC, #315300, #12204B)
• Misty Aubergine Drift color palette (#D8F7ED, #507DD5, #832496, #004519, #140C39)
• Fern Boulevard color palette (#D3F7EF, #6DC0D9, #6C83C1, #7D5B00, #214F00)

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