Tempered Pine color palette — #F5E4DF · #7ED1CE · #00A2C6 · #377F3E · #00203E

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

The five colors

• Rose Water (#F5E4DF): a clean, paper-quiet neutral.
• Aqua (#7ED1CE): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A2C6): A luminous, balanced blue — the color of deep harbor water.
• Olive (#377F3E): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00203E): 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

• Dusty Azure Summit color palette (#F6E7DC, #62D0F4, #4996E4, #007F69, #191649)
• Worn Petrol color palette (#E0EEE3, #6CC2C0, #008492, #005C44, #00242F)
• Sunlit Periwinkle Harbor color palette (#FFF2EA, #A4E4FF, #6AADFF, #009A84, #2D2768)
• Powdered Parlor color palette (#EBD7F3, #DA6EFF, #009B8C, #008543, #1C0723)
• Hushed Denim color palette (#E7DBE3, #74A5B2, #006374, #003C20, #000C16)
• Aged Indigo Bloom color palette (#F2E8DC, #5BA7E8, #5E6BC3, #005D60, #100021)
• Weathered Bronze color palette (#ECE4CE, #87AD5D, #8C7E00, #7C4F15, #001C0E)
• Hushed Powder Alley color palette (#FDF3EF, #BDF2E7, #8DC6E4, #74A586, #563F55)

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