Tempered Azure color palette — #FEF2EC · #C9F1DA · #5196D9 · #006C57 · #171841
Cornflower and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FEF2EC): bright and airy, almost weightless.
- Honeydew (#C9F1DA): A whisper-light, dusty teal — the color of sea glass.
- Cornflower (#5196D9): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006C57): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#171841): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Faded Summit color palette (#FDF2F0, #D2EFD0, #00A2C5, #02701A, #001F3C)
- Azure Lantern color palette (#FFF2EC, #D1EAFF, #0DA3F3, #007555, #101169)
- Softworn Grove color palette (#E8F1EA, #94E0F6, #0BB2F1, #00918F, #10304C)
- Faded Indigo color palette (#FCF3EB, #AAD7C7, #4D70E1, #00514F, #12002C)
- Timeworn Petrol color palette (#F8EAF3, #7CBDCD, #006EAB, #00523C, #212955)
- Ancient Periwinkle color palette (#FDF3E9, #C7E5FA, #98A7FF, #00878C, #412261)
- Tempered Denim Thicket color palette (#F8EBE1, #7CA9C4, #2F4F9D, #002B29, #020008)
- Magenta Field color palette (#EDFAE4, #44D3B2, #C04EBD, #00745F, #2E002D)
Browse the whole catalog at Explore, or see today's palette.