Softworn Harbor color palette — #F5F2E6 · #B0B895 · #34847A · #6B4B4F · #262A14
A conversation between Teal and Sage, giving this palette its sense of sophistication and grounding.
The five colors
- Cream (#F5F2E6): a clean, paper-quiet neutral.
- Sage (#B0B895): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#34847A): A full-bodied, dusty teal — the color of glacier melt.
- Coffee (#6B4B4F): A full-bodied, dusty red — the color of embers at dusk.
- Onyx (#262A14): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn 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
- Antique Cypress color palette (#F3F3E5, #94A881, #00727A, #633646, #162009)
- Fern Ridge color palette (#F6F6E9, #ACB396, #37836A, #754B5E, #3E4800)
- Wandering Bronze color palette (#FFF0D6, #D6B478, #8A7023, #554200, #1C1400)
- Lagoon Summit color palette (#EEF8F3, #A2CECB, #49A095, #766A90, #204B48)
- Driftwood Coast color palette (#FFEFDE, #BCE5C9, #A0CBB7, #A16F6A, #38352F)
- Antique Cypress Orchard color palette (#F8F0E9, #C6E4DB, #7F89BF, #006C70, #40202E)
- Hushed Loft color palette (#DEE1CC, #038C79, #004D59, #4A1322, #000A08)
- Worn Chestnut Corridor color palette (#FFEFDF, #CC9767, #698DCD, #8E5514, #12264B)
Browse the whole catalog at Explore, or see today's palette.