Tempered Pier color palette — #F7EFD1 · #A0CA6E · #4EAE6A · #0C819F · #30312A
Jade takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F7EFD1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#A0CA6E): A luminous, balanced green — the color of fresh herbs.
- Jade (#4EAE6A): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0C819F): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Teal Loft color palette (#F9F6E1, #8FDCA6, #2BBEA0, #4C87BA, #3C3E37)
- Misty Archive color palette (#EFF5E1, #68CA86, #00A7B2, #3271BA, #2F2D00)
- Worn Canyon color palette (#F8EDD9, #E3B245, #A39C00, #008874, #33302A)
- Linen Moss color palette (#FFEAD9, #ACA638, #008D64, #713F75, #31312A)
- Softworn Moss Corridor color palette (#FAF5E6, #C9CF9C, #91AC53, #8B8558, #37352F)
- Ancient Loft color palette (#D4EEC4, #00CDAD, #00A2A6, #3B54ED, #00312C)
- Moss Terrace color palette (#E7EAD8, #56B444, #5A6924, #3E4000, #0E0E05)
- Sky Terrace color palette (#F4F6EF, #BFECD8, #5CBCF7, #009CB8, #144439)
Browse the whole catalog at Explore, or see today's palette.