Tempered Pine color palette — #F8F0EE · #CBE3DC · #6AA6BC · #4A784F · #3F3041

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Silver (#CBE3DC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6AA6BC): A luminous, dusty blue — the color of deep harbor water.
• Olive (#4A784F): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#3F3041): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Timeworn Olive Pier color palette (#F9F4ED, #C4EEE1, #63A5AF, #5D793A, #375144)
• Coral Orchard color palette (#ECF5E8, #7DC3B3, #D5846B, #228372, #362F2C)
• Worn Driftwood color palette (#E8F7E7, #F8D7FB, #B8DEF4, #78946E, #2C3E33)
• Lagoon Dune color palette (#F3E7E2, #38868B, #004259, #00210D, #000106)
• Linen Chapel color palette (#FBEFE9, #8CDEF1, #008AD1, #006549, #16204C)
• Patina Amber color palette (#E8F7E6, #51AEA8, #C3775C, #A36651, #1F2B1D)
• Aged Ridge color palette (#DFFAE7, #98DDE4, #269BAE, #005861, #012414)
• Weathered Driftwood color palette (#FBEFE7, #CAB89F, #A67659, #6F4F45, #312C1C)

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