Tempered Pine color palette — #EDE2DC · #5ED6CF · #00A4BA · #098247 · #002333

Built around Fern, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Parchment (#EDE2DC): bright and airy, almost weightless.
• Aqua (#5ED6CF): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00A4BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#098247): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Soft Azure color palette (#ECDFD7, #7DCDE4, #159BE2, #007E71, #041B4A)
• Dusty Studio color palette (#DEEDEA, #43C8C3, #00858A, #005B4D, #002529)
• Periwinkle Delta color palette (#FFF2EA, #A1E5FF, #51B2FF, #00988F, #1B2D69)
• Forest Lantern color palette (#FDF0FE, #A0D6E3, #0088A4, #09560D, #000D1D)
• Cypress Corridor color palette (#DCE4DE, #60ABA7, #00646D, #003B29, #000D13)
• Gentle Periwinkle color palette (#DEE9FA, #62A2FF, #738A34, #986100, #00102E)
• Cerulean Chapel color palette (#EEE0F0, #CCC0FF, #DD98C9, #1897B4, #321429)
• Hushed Orchard color palette (#ECE3D9, #6EA6D5, #4B6DCC, #005C66, #0B0027)

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