Tempered Pier color palette — #CBE7D7 · #FDBF44 · #88C3FF · #2F4D46 · #1F2D2A

A conversation between Honey and Sky, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CBE7D7): A whisper-light, dusty teal — the color of sea glass.
• Honey (#FDBF44): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sky (#88C3FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#2F4D46): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1F2D2A): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, 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

• Weathered Sunflower Field color palette (#D3E6E9, #D8D03C, #A4BBFF, #523A4D, #2B2229)
• Mallow Balcony color palette (#DEF3EB, #FFBF9E, #C9BCFF, #745766, #32292D)
• Celadon Veranda color palette (#8BFAFF, #ABEC9D, #BDC6FF, #564550, #3A3438)
• Powdered Alley color palette (#DDEDF5, #ADBD00, #01B4ED, #003346, #00190F)
• Lilac Canyon color palette (#9BF9B2, #FFAB9C, #AD98F6, #463656, #2B2D36)
• Worn Villa color palette (#DEF4E5, #FFB798, #00DFA0, #444740, #282B24)
• Magenta Field color palette (#CFF0D9, #92CFFF, #D560E7, #47272E, #251B1D)
• Hushed Celadon Orchard color palette (#E2FFD9, #FBF737, #D0DCFF, #25324C, #161A22)

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