Softworn Harbor color palette — #F0E9DD · #799235 · #665300 · #4B2600 · #0D1000

Olive Leaf and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E9DD): a clean, paper-quiet neutral.
• Olive Leaf (#799235): A luminous, balanced green — the color of fresh herbs.
• Coffee (#665300): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4B2600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0D1000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Quarry color palette (#E8E0CB, #80A664, #6D671E, #533816, #131B02)
• Bronze Boulevard color palette (#F0DFD1, #A87F0E, #7E4410, #551A1B, #130E00)
• Gentle Mustard Basin color palette (#DCFFEA, #B3BA5D, #877620, #5B410F, #001712)
• Velvet Chestnut color palette (#FAECDE, #736000, #4E2D00, #330400, #010200)
• Tempered Bronze Station color palette (#F9F1E2, #C3BC94, #9F7D3A, #7D4A15, #2B2E1E)
• Dusty Canyon color palette (#FFE3D1, #CF9241, #A74C24, #6B2B3A, #251A00)
• Lapis Veranda color palette (#F5DBEE, #4349E2, #446000, #2B3D00, #140010)
• Gentle Byzantium color palette (#F8D6DB, #9A13A9, #4B3D00, #302600, #000501)

Browse the whole catalog at Explore, or see today's palette.