Tempered Pine color palette — #D2FCFA · #009253 · #005860 · #00234E · #020200
Fern and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D2FCFA): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#009253): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00234E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Tempered Pine 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
- Tempered Olive color palette (#D2FEEF, #6D8600, #005B47, #002A35, #030100)
- Aubergine Summit color palette (#DDF8FF, #008C89, #00537A, #250069, #010200)
- Obsidian Forest Corridor color palette (#CAE9E9, #007248, #2E2A30, #001711, #000202)
- Navy Chapel color palette (#D2F1FD, #00606A, #002760, #0F001A, #000201)
- Inked Forest Field color palette (#EBEDDD, #086B16, #003B53, #2E0036, #090200)
- Teal Corridor color palette (#CDF0E3, #00B49C, #007369, #004544, #001314)
- Fern Alley color palette (#D2EEE9, #226902, #004131, #3F0022, #031700)
- Dusty Moss color palette (#E0FDF3, #81B354, #2D7127, #364203, #030A00)
Browse the whole catalog at Explore, or see today's palette.