Tempered Azure color palette — #FBF2F8 · #B9F0FF · #3F9BD1 · #006B5E · #071D40
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Frost (#B9F0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#3F9BD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006B5E): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#071D40): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Ancient Iris Courtyard color palette (#EEF9ED, #D9DEFB, #708DE0, #006875, #1F1344)
- Aged Market color palette (#FCF2F7, #D7D4E0, #76ABDD, #0B7F7A, #1F2B54)
- Aged Petrol color palette (#DDEDEB, #87BDCB, #007695, #004A4F, #001925)
- Chalky Cobalt Corridor color palette (#FFF1F6, #9AD4F9, #4279CD, #005155, #0A0033)
- Timeworn Denim color palette (#F9E9F0, #6BABCC, #0053A1, #002B2C, #01000A)
- Mustard Boulevard color palette (#DCFFEA, #D4B827, #7E74D8, #746300, #190348)
- Ash Alley color palette (#FAF3F7, #D6D4E1, #B8BFE4, #689BA5, #3F4E65)
- Faded Indigo Lantern color palette (#DBFFEC, #B2A729, #5E62C9, #84418A, #0F0D00)
Browse the whole catalog at Explore, or see today's palette.