Tempered Pier color palette — #E9F5EF · #ABA42A · #007662 · #5C5800 · #00080A
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F5EF): a clean, paper-quiet neutral.
- Moss (#ABA42A): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007662): A full-bodied, balanced teal — the color of sea glass.
- Olive (#5C5800): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#00080A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. 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
- Fern Orchard color palette (#E9F5F2, #76B360, #007181, #266500, #00080D)
- Weathered Amber Studio color palette (#FBF4E9, #BF9125, #00697C, #664A00, #0B1D13)
- Faded Olive Lantern color palette (#ECF5EC, #C49657, #257900, #744B00, #000907)
- Washed Moss color palette (#DCEFDF, #639C36, #006B57, #442862, #001D1B)
- Tempered Pine color palette (#DFE4D1, #6FAD68, #007B4A, #004639, #001B1C)
- Mustard Coast color palette (#FAF5E5, #BFB950, #00948E, #7B7500, #0F1C0D)
- Misty Boulevard color palette (#E3F6F9, #00C1AF, #006FB5, #006A5F, #000A18)
- Washed Olive Chapel color palette (#E0F2EB, #738100, #004E4D, #343B00, #000102)
Browse the whole catalog at Explore, or see today's palette.