Tempered Pine color palette — #D9F6F6 · #008A62 · #15373B · #08191A · #010808

Fern and Deep Teal set the tone — five colors that lean into sophistication.

The five colors

• Honeydew (#D9F6F6): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008A62): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#15373B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#08191A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010808): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Deep Petrol color palette (#CDEAF9, #007790, #052D44, #00121D, #000407)
• Hushed Cypress Lagoon color palette (#CAF2EC, #006A62, #403A3F, #002426, #000A09)
• Jade Garden color palette (#E1E7D9, #25A77A, #43533A, #243400, #171A10)
• Cerulean Station color palette (#DFF7FF, #00A0AA, #687DB7, #4E783B, #03222C)
• Washed Jade Boulevard color palette (#DFFCFC, #26B981, #2A4C56, #0F2222, #010705)
• Softworn Pewter color palette (#E7F6F1, #90BEB5, #5A805D, #315F53, #0E2D29)
• Linen Boulevard color palette (#DFF6FF, #46B6C0, #997CC7, #00727B, #2E1D45)
• Basalt Meadow color palette (#D0F1F7, #91BCC9, #7291A1, #515B72, #2C2E4A)

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