Tempered Azure color palette — #EEE3EC · #91CBD3 · #009EDA · #008251 · #081B47
Cerulean and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#EEE3EC): a clean, paper-quiet neutral.
- Sky (#91CBD3): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#009EDA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008251): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#081B47): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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
- Linen Iris color palette (#EDDBE2, #91C8EA, #668EEB, #007D78, #240E4A)
- Quiet Periwinkle color palette (#F5EBF1, #9DDFF5, #61A9F0, #009478, #252855)
- Wandering Petrol Boulevard color palette (#EAE3D9, #7CBEC6, #00819F, #005A4F, #002234)
- Timeworn Denim Garden color palette (#F4E9E4, #51ACB5, #006084, #003C20, #000726)
- Washed Hollow color palette (#C0ECCE, #94DBD6, #8CBCF2, #9C8700, #00271F)
- Jade Hollow color palette (#D3E6DD, #12C598, #009C6E, #006549, #001008)
- Timeworn Teal color palette (#FAF3F7, #D2E0F7, #97C3E8, #65A890, #3A4862)
- Emerald Orchard color palette (#E6DFBC, #8CA800, #1B941A, #006F50, #002526)
Browse the whole catalog at Explore, or see today's palette.