Tempered Pine color palette — #F2E7F2 · #45C5C7 · #0090B7 · #00722E · #00142D

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

The five colors

• Blush (#F2E7F2): a clean, paper-quiet neutral.
• Aqua (#45C5C7): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0090B7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00722E): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00142D): 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

• Frosted Azure color palette (#F3E8EF, #6FD0E3, #009CE4, #00815A, #0E194A)
• Patina Cobalt Courtyard color palette (#F7EBF1, #40AEDA, #3974C5, #005E53, #090028)
• Muted Teal color palette (#E7DFD4, #4EB4B6, #007384, #004C3B, #001720)
• Sunlit Drift color palette (#F5EBF5, #7EE8E2, #00B7DB, #568E53, #073050)
• Worn Parlor color palette (#F3E7E0, #5A9697, #005264, #002D1B, #00050B)
• Feathered Parlor color palette (#F6DFF5, #E639E8, #008A79, #00752E, #130013)
• Quiet Garden color palette (#E8E7C7, #69A23E, #777100, #6A4300, #000F07)
• Tempered Powder Station color palette (#FFF1F6, #CBE9FF, #97B4FF, #00A6A2, #443762)

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