Soft Harbor color palette — #F7EFD2 · #96A560 · #6C6E0D · #534A00 · #2B3C0E
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F7EFD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#96A560): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#6C6E0D): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#534A00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#2B3C0E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Soft 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
- Moss Alley color palette (#E2E1B2, #8C9713, #625E00, #473C00, #232E00)
- Dusty Boulevard color palette (#FEF4E5, #B4A77B, #906B29, #704800, #403D36)
- Weathered Moss Corridor color palette (#D6F8E8, #A2C085, #8E8B00, #7D5A00, #0B4020)
- Muted Bronze Courtyard color palette (#EAE1D6, #92702C, #603D00, #3D2000, #1F1400)
- Gentle Basin color palette (#FFEFFF, #2768CD, #2D6000, #004239, #002835)
- Velvet Chestnut Bloom color palette (#FBE5D5, #864603, #491C00, #240500, #070200)
- Dusty Byzantium color palette (#FFF1F4, #9F49C2, #AE391B, #6A3F00, #372041)
- Aged Fuchsia Studio color palette (#FEE7C9, #FF9B8F, #ED63FF, #532A27, #2F1C20)
Browse the whole catalog at Explore, or see today's palette.