Twilit Harbor color palette — #C5E7DE · #AD6800 · #1C2D00 · #050C00 · #000204
Built around Ochre, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Silver (#C5E7DE): A whisper-light, dusty teal — the color of sea glass.
- Ochre (#AD6800): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#1C2D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#050C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000204): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.
Use it as a design system
One click turns Twilit 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
- Hushed Rust Studio color palette (#CAE6EE, #CA4B20, #002E2C, #191A22, #000C0B)
- Aged Olive Meadow color palette (#DDF0E7, #797D00, #004658, #333500, #000408)
- Wandering Amber Pier color palette (#D7F7E9, #AC9000, #464900, #1B1D00, #000302)
- Aged Parlor color palette (#ECEADA, #CF9A51, #5C7200, #323F00, #030200)
- Misty Aubergine color palette (#D6E6DF, #545600, #6A007C, #43004F, #0E0E00)
- Washed Blush Orchard color palette (#E1F1FD, #D97A90, #004868, #032439, #0C0F1C)
- Apricot Thicket color palette (#EAF9F6, #DE9F6D, #305E2D, #003632, #0E1E23)
- Pine Study color palette (#FFE0E7, #0F7B18, #004454, #480024, #001C14)
Browse the whole catalog at Explore, or see today's palette.