Tempered Pier color palette — #FFF0F9 · #BDBFF2 · #DEA465 · #8485C1 · #524C46

Camel and Slate Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#BDBFF2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Camel (#DEA465): A luminous, balanced gold — the color of old brass.
• Slate Blue (#8485C1): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Weathered Chapel color palette (#FFF0F8, #BDBCFE, #96C079, #8583CA, #4D4E46)
• Antique Coral color palette (#EDF8F3, #8DCEEF, #E99892, #4D96B7, #534B48)
• Antique Summit color palette (#EFF6FF, #DBD7F2, #DDCC8C, #7C9AD0, #314E3C)
• Periwinkle Archive color palette (#F0F6FF, #8FAEF6, #AF955B, #5A71A7, #3B5441)
• Dusty Taupe color palette (#FCF1FD, #E7D8D7, #D1BAA1, #80A78C, #584853)
• Cobalt Studio color palette (#FDF2F7, #B5DDBA, #7C74AE, #604352, #32282D)
• Wandering Cocoa color palette (#FDF3EC, #DAC8AE, #C18F70, #92695C, #564600)
• Washed Loft color palette (#FFF1F1, #E89CC3, #85C061, #AF5587, #43433C)

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