Tempered Cerulean color palette — #FBEFEA · #B0D1B7 · #1B87AD · #005E47 · #01213E

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFEA): bright and airy, almost weightless.
• Pistachio (#B0D1B7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1B87AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005E47): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#01213E): 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 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

• Cerulean Drift color palette (#F5F6ED, #B2CDB7, #1B8699, #00605D, #004252)
• Worn Cypress color palette (#F7F0EB, #C4E5D5, #6B91B8, #006D6A, #3B2236)
• Cobalt Corridor color palette (#F4E6DC, #86BBD9, #2D6BB7, #004B4C, #0F0E39)
• Dusty Villa color palette (#EADED9, #49828E, #00415B, #002019, #000105)
• Turquoise Lantern color palette (#EDF8F6, #D5DEEA, #3DB7D2, #017F7E, #003443)
• Wandering Stone Ridge color palette (#FFEBF9, #F7CBC7, #DFA6C3, #3A6F8D, #331626)
• Soft Navy Alley color palette (#E8DED6, #5292B9, #00419F, #002B2E, #04001A)
• Gentle Hollow color palette (#F5DAED, #6271D3, #896900, #655D00, #0C102F)

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