Tempered Cerulean color palette — #FBF3EF · #CFE3CD · #199AAF · #3A6F4D · #2B5043

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#CFE3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#199AAF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#3A6F4D): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#2B5043): A deep, shadowed, dusty teal — the color of sea glass.

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

• Worn Pier color palette (#FAF4F0, #C0E7D0, #5191BE, #007266, #554053)
• Dusty Lagoon color palette (#EAF4F2, #B9E5F0, #539B9E, #2B6B5E, #06313F)
• Abyss Boulevard color palette (#F7E4DB, #509DA3, #005268, #003122, #001528)
• Hazy Petrol Basin color palette (#FFF2EC, #51CAE1, #0077A5, #005749, #063264)
• Teal Alley color palette (#EFF8F1, #C9E3FA, #7CCCD6, #56AB8A, #264D61)
• Fern Canyon color palette (#F7F6E6, #C4ECD7, #7AD2E7, #898047, #4F580B)
• Dusty Cornflower color palette (#FEF3E7, #A7D4FB, #5176E5, #006571, #3F366B)
• Fern Boulevard color palette (#F5F7E2, #7CAF70, #A578D5, #2C7115, #593644)

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