Tempered Azure color palette — #FAF3F0 · #B7E0C4 · #23A2D7 · #0F7E68 · #483149
Built around Cyan, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Celadon Mist (#B7E0C4): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#23A2D7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#0F7E68): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#483149): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Azure 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
- Dusty Villa color palette (#FFF2EC, #BDDFC1, #2DA4C7, #00805A, #114438)
- Tempered Drift color palette (#FAF4EF, #BEE9EA, #76A8E5, #2E8A8B, #5A3D52)
- Faded Field color palette (#F5EDE5, #9DD1BF, #3C80F6, #006B72, #292753)
- Aged Ember color palette (#E2F4E7, #23BBD5, #ED6629, #008093, #542714)
- Softworn Hollow color palette (#CFEFE2, #12C9C1, #0096A6, #006685, #133D5D)
- Worn Mallow color palette (#E0FEEB, #CDE3FF, #CCB1FF, #309A86, #264237)
- Washed Pier color palette (#F7E9E2, #589EB1, #005E8B, #003C34, #000623)
- Soft Rose Thicket color palette (#CFEED5, #00A9B6, #E64859, #987000, #1A3220)
Browse the whole catalog at Explore, or see today's palette.