Tempered Pier color palette — #F1EFD8 · #488100 · #005725 · #002924 · #000F10

Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1EFD8): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#488100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005725): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Forest (#002924): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000F10): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged 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

• Wandering Pine color palette (#DFF8D9, #007E57, #004E49, #002930, #000A13)
• Bronze Coast color palette (#F1E3D3, #7F6E00, #425500, #002F0F, #000F0A)
• Fern Atelier color palette (#F5EAFB, #B87600, #127011, #00110C, #020200)
• Washed Mulberry Basin color palette (#E7EAD9, #239038, #850050, #004511, #120007)
• Dusty Olive color palette (#EEDCC1, #727400, #5A4000, #3E1700, #030400)
• Ancient Cobalt Boulevard color palette (#E7ECCF, #49B8B9, #6186C9, #4C4F00, #060F00)
• Soft Jade color palette (#DFE5D5, #00B568, #00866B, #005F62, #003344)
• Mulberry Bloom color palette (#DCF3E2, #006A35, #8F0048, #6B0C00, #000301)

Browse the whole catalog at Explore, or see today's palette.