Tempered Pier color palette — #FBE6EB · #B3BFFF · #00D18A · #1D3F4D · #162A2A
Built around Clover, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Rose Water (#FBE6EB): A whisper-light, dusty red — the color of embers at dusk.
- Lavender (#B3BFFF): A luminous, balanced violet — the color of a velvet chair.
- Clover (#00D18A): A luminous, vivid teal — the color of glacier melt.
- Deep Teal (#1D3F4D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#162A2A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Calm, 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
- Mint Field color palette (#ECDBDA, #CEC8FF, #00EB9C, #516522, #24281D)
- Mallow Parlor color palette (#F8DBC9, #E9A6FF, #00CBC7, #154453, #1E2F33)
- Lime Archive color palette (#F0D9DE, #70D1FF, #8CC700, #0F474E, #20312C)
- Gentle Meadow color palette (#FFE6E3, #AD98FF, #00B09E, #0C3138, #001D22)
- Moss Balcony color palette (#F6E8F2, #FFB3C4, #45B500, #0F2E2A, #0A1412)
- Cobalt Grove color palette (#EDF7F9, #7BBDB1, #3F6DB9, #006F62, #162538)
- Weathered Cabin color palette (#F0D8D2, #FFAED4, #C1C800, #494740, #2B2920)
- Weathered Parlor color palette (#EFF7F9, #D7DAE0, #BBBECD, #0F848B, #3C4A50)
Browse the whole catalog at Explore, or see today's palette.