Tempered Cerulean color palette — #FAF2F8 · #AEEAE5 · #4398A7 · #38704B · #2C4C61

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sea Foam (#AEEAE5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4398A7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#38704B): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2C4C61): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Fern Loft color palette (#F5F0F6, #BDE4ED, #4D9AAE, #416A3C, #112E48)
• Timeworn Ash color palette (#FBF2F7, #D7E0F2, #709FC4, #487780, #455369)
• Wandering Teal color palette (#F9F4ED, #C4E9DC, #74CED8, #51AC88, #184F5F)
• Hushed Cerulean color palette (#F7E4F1, #00A3AC, #005268, #003122, #001528)
• Weathered Cornflower Meadow color palette (#EEF6FF, #398BE0, #AD6900, #726A34, #27394E)
• Sunlit Cornflower Garden color palette (#FFF1F5, #A1D5FF, #5179DD, #006570, #3E3867)
• Powdered Aqua Veranda color palette (#FFF0FB, #3ACCE5, #0077A4, #005748, #083262)
• Powdered Turquoise color palette (#B6F4FF, #00B3E5, #3779BA, #465A8D, #3D4669)

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