Tempered Pine color palette — #FCF3F0 · #C0DDC3 · #3EA2CA · #2E7E4B · #223B5E

Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Celadon Mist (#C0DDC3): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#3EA2CA): A luminous, balanced blue — the color of deep harbor water.
• Olive (#2E7E4B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#223B5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Iris Study color palette (#FAF4ED, #B2E0D0, #7992D8, #007C79, #3F315C)
• Weathered Cerulean Courtyard color palette (#F1F7F2, #A7CCD8, #00869E, #006151, #004058)
• Aged Dune color palette (#F9F4ED, #C6EBCB, #50C3DE, #2DA089, #1C4335)
• Linen Archive color palette (#EBF2D9, #62BF82, #B47BCB, #048849, #462653)
• Cobalt Field color palette (#F5EAE5, #77BECB, #007DB5, #005C3E, #0D1A48)
• Hushed Driftwood color palette (#FCF3F0, #D0E6E0, #92BDA7, #838B65, #5D4C5E)
• Denim Station color palette (#FAE5DC, #599FA9, #005F88, #003E26, #00022C)
• Frosted Emerald Balcony color palette (#F5E7CC, #A7B34A, #4F9543, #006E4B, #004846)

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