Tempered Basin color palette — #EFEBDE · #5D5B00 · #003962 · #400017 · #1E0400

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

The five colors

• Cream (#EFEBDE): bright and airy, almost weightless.
• Olive (#5D5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003962): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#400017): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#1E0400): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Hushed Onyx color palette (#F1E6DA, #7A4C00, #003F41, #37003C, #270016)
• Charred Villa color palette (#EAE9D8, #3C5300, #000B82, #290700, #080300)
• Aubergine Corridor color palette (#E6ECDE, #006849, #4C007C, #3C0C00, #1E0D00)
• Charred Forest color palette (#CAECE8, #006B1A, #003F3D, #001D2D, #060300)
• Soft Alley color palette (#ECEDD5, #408900, #00605A, #591C00, #171100)
• Tempered Garden color palette (#D4EBD0, #00955C, #005C49, #003839, #00242A)
• Weathered Olive color palette (#F0E7D6, #708424, #005418, #3A2D00, #201B00)
• Dusty Aubergine color palette (#D8E7D0, #007A68, #69008E, #3A2B00, #101E05)

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