Tempered Cerulean Pier color palette — #F9F4ED · #AFCFAD · #008895 · #006248 · #1E4331
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Pistachio (#AFCFAD): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#008895): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006248): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#1E4331): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Muted Cobalt Terrace color palette (#FAF4EC, #AACFBA, #0082B5, #005F60, #1E3D5B)
- Hushed Canyon color palette (#FDEEEA, #95D5D2, #008AA7, #285C29, #03223C)
- Pine Drift color palette (#FBF2FC, #9AE4E2, #50A1BC, #417B47, #243C55)
- Lagoon Alley color palette (#F4EEE5, #249194, #004450, #00231B, #000B12)
- Denim Courtyard color palette (#F3EDE5, #5AAEB5, #006275, #003F35, #002333)
- Tempered Cobalt Villa color palette (#FEF4E3, #6FC2F2, #006FC4, #005460, #1A2E65)
- Worn Field color palette (#F8F5EF, #C8E8EC, #7F9AC9, #2D7991, #604B59)
- Antique Grove color palette (#FEDAE0, #A554AF, #8B6500, #00676E, #421F27)
Browse the whole catalog at Explore, or see today's palette.