Tempered Cerulean color palette — #FFF2EF · #F19DB2 · #80BF8A · #299FBB · #452B27

A conversation between Cerulean and Ballet Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F19DB2): A luminous, balanced red — the color of late-summer berries.
• Mint Leaf (#80BF8A): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#299FBB): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#452B27): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Sunlit Terrace color palette (#FFF2EE, #EA9997, #64B486, #0085BA, #371F25)
• Antique Loft color palette (#FDF3ED, #F3B09D, #7BC6C3, #5FA0D8, #433B38)
• Hushed Jade Garden color palette (#FFF1F4, #D4A4E8, #B0B270, #00AA79, #432B31)
• Weathered Marigold color palette (#FFF4E2, #F5B6A1, #C99C50, #0692A3, #423C37)
• Hushed Teal color palette (#F4F4FF, #C99BF3, #00B896, #7B64A4, #232333)
• Cornflower Thicket color palette (#FFF3E8, #FE9D46, #00BBD1, #4E77F9, #422205)
• Cobalt Terrace color palette (#FFDCCE, #FF958B, #009A79, #0081C3, #420004)
• Lapis Hollow color palette (#ECDBC8, #D79130, #00A0C8, #5B53E7, #281600)

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