Tempered Pine color palette — #D4F3EF · #008D31 · #005F60 · #003659 · #161100

Kelly Green and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4F3EF): A whisper-light, dusty teal — the color of sea glass.
• Kelly Green (#008D31): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#161100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Timeworn Aubergine Coast color palette (#D4E7E9, #008870, #005B76, #290C8C, #091600)
• Weathered Studio color palette (#D1E4DB, #7B7900, #00633B, #003B40, #00112A)
• Pale Emerald Harbor color palette (#DDF6DF, #00AA5B, #00774F, #00513D, #00261D)
• Hazy Navy color palette (#D5EAEC, #007863, #004D61, #11007B, #110017)
• Olive Quarry color palette (#D4F9F1, #3B7000, #23262E, #002D0C, #000C0A)
• Softworn Lagoon color palette (#D5E7D7, #50A381, #007B6D, #134C73, #15253F)
• Lowlit Lagoon color palette (#CEE6ED, #006568, #003968, #260045, #000201)
• Onyx Delta color palette (#DDF1E7, #605A00, #003B56, #37003A, #22000A)

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