Tempered Azure color palette — #F6ECE6 · #9ADFF5 · #2BAEFB · #009284 · #1A2D50

Cornflower and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Ice Blue (#9ADFF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#2BAEFB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009284): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1A2D50): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. 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

• Antique Meadow color palette (#FAF4EF, #BBEDD7, #74B6FF, #00A09F, #30385B)
• Cornflower Orchard color palette (#EAE0D5, #8BC8F3, #518CFF, #007C85, #1C1546)
• Patina Cerulean color palette (#E3F2F0, #95CEE2, #0093C0, #006A75, #00324A)
• Azure Balcony color palette (#FFE9F6, #EFD0FF, #FFB3C2, #4D9BD1, #462833)
• Cerulean Veranda color palette (#F8E7DE, #64C0CA, #0090B8, #007054, #001529)
• Muted Parlor color palette (#FCF3EE, #C1EFE1, #5ECFE8, #69A882, #2C5044)
• Aged Petrol Bloom color palette (#E0EDE2, #86BDCF, #0074A2, #004B4B, #00162E)
• Airy Emerald color palette (#FAE6F3, #A3ACFF, #3D9F16, #9A7D00, #191B3D)

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