Tempered Pier color palette — #F5F6EF · #B9DEA8 · #00B0BA · #719A5D · #283029
Built around Cyan, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Pistachio (#B9DEA8): A whisper-light, balanced green — the color of new leaves after rain.
- Cyan (#00B0BA): A luminous, balanced blue — the color of open sky before noon.
- Moss (#719A5D): A luminous, balanced green — the color of new leaves after rain.
- Deep Forest (#283029): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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 Veranda color palette (#F8F5EE, #E9CE8E, #5CAE8C, #A88834, #2B3026)
- Tempered Periwinkle Lagoon color palette (#F2F7F1, #91E3D7, #729BE3, #2CA093, #352A34)
- Weathered Taupe Lagoon color palette (#EDF8F5, #B7EBDC, #7CC4D3, #9BB670, #1E3139)
- Antique Basin color palette (#FCF4E7, #8CCFB0, #44A2AB, #8C5C82, #414B3C)
- Timeworn Station color palette (#F3F7EB, #5BD697, #0093BF, #008E58, #012417)
- Feathered Teal Canyon color palette (#F2FAD7, #A2DCC5, #3BB6AB, #00818E, #004F69)
- Tempered Cobalt Orchard color palette (#F7F5ED, #C1C77B, #4E80B7, #6E7233, #332B34)
- Washed Iris color palette (#F5F6EB, #8DB888, #8881C5, #94576F, #38342E)
Browse the whole catalog at Explore, or see today's palette.