Tempered Forest color palette — #E5F1F1 · #C2D4D7 · #86ADBC · #005C41 · #000304

Built around Pine, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Cream (#E5F1F1): a clean, paper-quiet neutral.
• Oat (#C2D4D7): a clean, paper-quiet neutral.
• Blue Fog (#86ADBC): A luminous, dusty blue — the color of deep harbor water.
• Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Forest 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

• Abyss Cabin color palette (#E1E9EC, #ABBEC9, #7796AF, #004547, #000102)
• Muted Bloom color palette (#E5EADD, #95A595, #658477, #004226, #030500)
• Muted Lagoon Pier color palette (#C8E9E5, #36A37F, #005A53, #00360D, #000201)
• Weathered Denim Grove color palette (#EDF6FF, #D8D7E9, #B1BAD2, #00659B, #030E18)
• Dusty Pine color palette (#DEEAEA, #A3B2C2, #8D97B7, #008752, #001818)
• Tempered Balcony color palette (#DCF8FF, #49DD7A, #00B4AE, #007390, #000102)
• Garnet Villa color palette (#D3EEE8, #4298AA, #356592, #5A0030, #210100)
• Weathered Drift color palette (#D9F0DD, #008B6F, #004C57, #360027, #000201)

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