Tempered Azure color palette — #FFF2EA · #BFEEFF · #5A96D3 · #006C58 · #181841
Cornflower and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Frost (#BFEEFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#5A96D3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006C58): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#181841): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Weathered Fern Lagoon color palette (#FEF2EF, #8FFBF4, #00A2C2, #286D25, #00203A)
- Hushed Periwinkle color palette (#FCF3EC, #D7D5E2, #82A7E4, #257E74, #432135)
- Petrol Balcony color palette (#F5EBF1, #86BACE, #156DA9, #00504B, #1A2A5A)
- Indigo Archive color palette (#FFF3E6, #9CD2FF, #5E71CF, #005152, #130226)
- Misty Sky Parlor color palette (#E0F3F1, #9CDEF7, #2DB2E9, #008E9F, #00314C)
- Sky Grove color palette (#FFF2EE, #CDE2FA, #1AC1E6, #4D8649, #0B375A)
- Nightshade Orchard color palette (#F3E4D7, #69AAD5, #304BA6, #002B2A, #020007)
- Quiet Bloom color palette (#D7FFF7, #00E9D0, #009389, #00483D, #000705)
Browse the whole catalog at Explore, or see today's palette.