Tempered Harbor color palette — #DCEBE2 · #5D5300 · #105205 · #00215F · #030200
Built around Deep Olive, softened by Midnight — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCEBE2): bright and airy, almost weightless.
- Deep Olive (#5D5300): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#105205): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#00215F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#030200): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Tempered Harbor 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
- Midnight Basin color palette (#D6ECE0, #585100, #00421E, #1C0048, #020100)
- Airy Garnet Balcony color palette (#FEE9FB, #941E25, #00522D, #002555, #080000)
- Gentle Corridor color palette (#D5F6F4, #006331, #004F4B, #39005B, #000301)
- Chestnut Veranda color palette (#FFE6F5, #984E00, #274500, #300045, #090500)
- Antique Navy Loft color palette (#FFE9F2, #7B3F00, #004D53, #130080, #190800)
- Hushed Bronze Terrace color palette (#FFE9E4, #A06D00, #494400, #002D0C, #000907)
- Washed Rust color palette (#FAEAF2, #B85928, #005136, #5C2200, #000202)
- Antique Cocoa Canyon color palette (#E6EDE6, #AAB7B1, #699795, #5A3D00, #020E03)
Browse the whole catalog at Explore, or see today's palette.