Tempered Basin color palette — #E8F6EB · #A7C3B6 · #678D72 · #6E4C5A · #1E302C

Built around Fern, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#A7C3B6): A luminous, dusty teal — the color of sea glass.
• Fern (#678D72): A luminous, dusty teal — the color of sea glass.
• Coffee (#6E4C5A): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#1E302C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Pewter Field color palette (#FFECF2, #AAC2B0, #9B7784, #6C4C61, #1D3128)
• Softworn Cocoa Loft color palette (#E8F6EB, #8BB7A1, #887246, #674225, #0E2822)
• Chestnut Cabin color palette (#EDF9F0, #A6BFB0, #658B70, #72592F, #394D43)
• Antique Corridor color palette (#E0F6FF, #9CC3E3, #6E85B3, #524881, #3C1446)
• Patina Stone color palette (#EBF3F8, #E7B7A4, #3B687C, #103645, #07161D)
• Hushed Harbor color palette (#E3E2D3, #7C9950, #635E00, #493100, #001805)
• Dusty Fern color palette (#FAF4EB, #D3CBAC, #AC9978, #906C4D, #4D4A00)
• Petrol Balcony color palette (#EBF3F7, #8ED0D8, #9474A7, #08818B, #151421)

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