Tempered Pier color palette — #F0FADB · #B3F1EE · #73CCAE · #008C78 · #3D5436
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#F0FADB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sea Foam (#B3F1EE): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#73CCAE): A luminous, balanced teal — the color of sea glass.
- Fern (#008C78): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#3D5436): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Calm, Balance. Tagged light, muted, cool.
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
- Aged Mint Field color palette (#D4FFFD, #74D2A6, #439A7B, #387464, #30545A)
- Ancient Cerulean Lantern color palette (#E2FEE6, #C8E7FF, #5DC0D8, #0083A5, #325748)
- Hushed Cypress Alley color palette (#E8FCE4, #BAECDB, #65C2B8, #007A72, #002D2A)
- Weathered Olive Chapel color palette (#FFF5D5, #C3EAC5, #A2B56C, #6B8842, #4E4E47)
- Tempered Teal color palette (#A7FFF6, #00C4C5, #00919B, #005B68, #002831)
- Tempered Seafoam color palette (#D7FFF6, #2AEBDC, #00B0AE, #007679, #004148)
- Wandering Summit color palette (#F0F8EB, #B1ECF7, #BDC8FF, #00B29B, #583C50)
- Cypress Corridor color palette (#D5F9E9, #007D68, #004B42, #001A18, #000202)
Browse the whole catalog at Explore, or see today's palette.