Tempered Cerulean Pier color palette — #F8F5EF · #CBE7EB · #9BB1DE · #5090A7 · #614A59

Storm Blue and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Frost (#CBE7EB): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#9BB1DE): A luminous, dusty violet — the color of twilight just after sunset.
• Storm Blue (#5090A7): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#614A59): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Muted Field color palette (#F8F5EF, #C7ECE4, #78BDCF, #559484, #345246)
• Ash Hollow color palette (#FAF4ED, #C1F0F8, #8E96C2, #3F797D, #624B53)
• Antique Turquoise color palette (#FBF2F5, #DBD4E0, #B7C5F0, #67AFBD, #4C5168)
• Hushed Lagoon Coast color palette (#EDF9ED, #7DD6D3, #E996A1, #239F9D, #62453D)
• Ancient Cobalt Quarry color palette (#F4EEE4, #97CEE1, #0090CD, #006B6D, #112F4E)
• Tempered Azure color palette (#FAF4EC, #B7DFCE, #4D9BE0, #007A87, #4A3048)
• Washed Delta color palette (#ECE5DA, #69AFB7, #00728C, #004B42, #001623)
• Wandering Sapphire Pier color palette (#E4DFD7, #7EB8E7, #1C6EE4, #005669, #151944)

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