Tempered Pier color palette — #FBF4ED · #C1EBDC · #8AB1FA · #009EAA · #36355E

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Honeydew (#C1EBDC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#8AB1FA): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#009EAA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#36355E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Navy Alley color palette (#FEF3EB, #A2E5FF, #52B2FF, #009890, #15267B)
• Chalky Emerald color palette (#FDF3EE, #CBEACE, #44C2E8, #00A574, #183E59)
• Weathered Periwinkle Canyon color palette (#F4F6F0, #C0E0F3, #6BABEC, #00799F, #1B2E4C)
• Washed Turquoise Hollow color palette (#FAF4EF, #C6DDEA, #ADC8F2, #57B2B8, #624A59)
• Softworn Cobalt Loft color palette (#F9EEF2, #98CFF6, #577BBB, #005A61, #161E3C)
• Weathered Pine color palette (#ECE1DB, #ADC9AA, #00A3BC, #00824A, #002334)
• Worn Cobalt Archive color palette (#E6DDD5, #7CAC9F, #556DC5, #005B69, #0C0026)
• Ancient Moss Villa color palette (#F2EFDB, #B6C87B, #DE9FF4, #7D9200, #492255)

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