Tempered Pier color palette — #F6F2DF · #73BB87 · #007C73 · #234F75 · #1E2400
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#73BB87): A luminous, balanced teal — the color of glacier melt.
- Teal (#007C73): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#234F75): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#1E2400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Feathered Pine color palette (#FBF1DF, #96B465, #007F53, #673B58, #192500)
- Teal Bloom color palette (#F1F9E3, #59B79A, #007A6C, #125C5E, #004635)
- Mustard Orchard color palette (#FFEFDE, #B5AC25, #457A38, #00575B, #291F00)
- Weathered Lagoon Drift color palette (#E3FCF5, #86CDA4, #009B8E, #257292, #15452D)
- Worn Driftwood color palette (#FBF0E5, #D2C29D, #748B64, #6E5B66, #34312A)
- Amber Terrace color palette (#F6E7DC, #A98926, #485F00, #403054, #1A1000)
- Cornflower Bloom color palette (#FFEFE2, #91DBFF, #4681DC, #006359, #241B4C)
- Timeworn Aubergine Canyon color palette (#FFECF3, #BD89FF, #888500, #6721A5, #232200)
Browse the whole catalog at Explore, or see today's palette.