Tempered Pine color palette — #F7E9F7 · #80CFD5 · #219FCE · #008246 · #011D48

Fern and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7E9F7): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#80CFD5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#219FCE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008246): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#011D48): A deep, shadowed, balanced 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

• Aged Corridor color palette (#EDDDE4, #8ACAEA, #5791EC, #007E72, #1F1643)
• Powdered Veranda color palette (#F6EBF2, #B0DAEF, #5CACEB, #009471, #20275C)
• Petrol Veranda color palette (#E9E2D7, #70C1C5, #008399, #005B4B, #002331)
• Antique Denim Dune color palette (#F1E0DA, #65A9AD, #006180, #003C1B, #000A20)
• Dusty Powder color palette (#FAF2F8, #D1E1F8, #84C6F0, #6EA789, #364865)
• Indigo Thicket color palette (#D8E6D7, #EA9D2C, #676AE2, #9A6300, #140354)
• Aged Basin color palette (#DBF3DD, #A3A362, #A07418, #8F4013, #071C00)
• Soft Mint color palette (#C7EDCE, #C1D396, #52D3C0, #BC6B60, #2A2600)

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