Tempered Cerulean Pier color palette — #FFF2EC · #8BD4D6 · #27849E · #1B6145 · #1B4338
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#8BD4D6): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#27849E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#1B6145): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#1B4338): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, 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
- Dusty Cobalt Garden color palette (#FEF3EB, #93CFE7, #3B7DB5, #00605B, #2C395C)
- Cerulean Harbor color palette (#FCEEEA, #B5D0B6, #0288AD, #1E5E2F, #032041)
- Tempered Grove color palette (#FBF3EE, #BFE7D0, #5D90B5, #2F6E65, #563F53)
- Olive Studio color palette (#FCF3EF, #C7EDE2, #60A5B5, #667734, #375147)
- Aged Lagoon color palette (#F1F7F2, #BDE8F6, #64C1D5, #00A384, #004156)
- Dusty Lagoon color palette (#E9DBD4, #239099, #004357, #002318, #000A17)
- Turquoise Archive color palette (#EFDAD1, #4BAFBD, #006080, #003F31, #001F40)
- Hushed Basalt color palette (#FFF3E3, #DCE3B0, #7ABA9F, #8B624A, #543E00)
Browse the whole catalog at Explore, or see today's palette.