Twilit Harbor color palette — #F2ECDF · #595600 · #143900 · #001108 · #000202
Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F2ECDF): a clean, paper-quiet neutral.
- Olive (#595600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#143900): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001108): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged 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
- Cocoa Chapel color palette (#FFE8E0, #6D3C00, #332800, #0F1200, #010200)
- Pine Cabin color palette (#DEEFE1, #007632, #003512, #000E06, #000201)
- Antique Harbor color palette (#E2E3C6, #607400, #225000, #002208, #000201)
- Deep Lantern color palette (#D8EAD1, #255B00, #620068, #0B2500, #030004)
- Inked Grape color palette (#F7DEC8, #6B00E6, #4F5800, #070D08, #020100)
- Obsidian Aubergine Atelier color palette (#DAF4DA, #01490E, #550050, #3D001A, #000200)
- Hushed Cobalt color palette (#EEEDD9, #239E89, #1472B2, #3F3000, #000302)
- Lowlit Cypress Pier color palette (#DCEDE0, #00735C, #003E44, #00202F, #00040C)
Browse the whole catalog at Explore, or see today's palette.