Tempered Cerulean Alley color palette — #F1F7EF · #AFC9A5 · #4983B0 · #167E70 · #20322D

Cerulean takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Pistachio (#AFC9A5): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#4983B0): A full-bodied, balanced blue — the color of open sky before noon.
• Teal (#167E70): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#20322D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Cerulean Alley 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

• Aged Driftwood Pier color palette (#F0F7F2, #85CDDD, #7E74AC, #247989, #392831)
• Pine Cabin color palette (#F1F3EC, #BFC8A4, #9870AE, #0E8846, #220F15)
• Aged Turquoise color palette (#FFF4E2, #67B5C2, #527BA3, #784B4C, #384D43)
• Patina Emerald color palette (#EEF7F7, #ADDFC2, #A390C6, #32A36F, #2B2C3D)
• Softworn Navy Grove color palette (#D4FFFD, #93CDDC, #488CAB, #3A5F89, #2F427A)
• Hushed Lagoon color palette (#F1F7F1, #D3DCDB, #A7ACB6, #528D92, #4F544F)
• Weathered Aubergine Parlor color palette (#DEF6EC, #0080B4, #58008B, #00364F, #0C0004)
• Tempered Lagoon color palette (#F0F8ED, #389995, #855A83, #73412A, #32322B)

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