Dusty Harbor color palette — #F8F2E0 · #7BB078 · #157564 · #49463F · #1C1E05

Jade and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#7BB078): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#157564): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#49463F): a grounded near-black with real depth.
• Onyx (#1C1E05): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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

• Olive Ridge color palette (#FFEEE1, #B29F5C, #536F28, #354E31, #261A00)
• Hushed Emerald color palette (#F2EDDC, #4EA262, #006359, #113C5B, #111400)
• Tempered Meadow color palette (#F4F3E2, #87C2A7, #2A8387, #5E5700, #232A18)
• Teal Balcony color palette (#D8F5DF, #00B59B, #007981, #004E5F, #001F39)
• Lagoon Chapel color palette (#E9F9F4, #B1DEAD, #429E74, #4A6B61, #032F2B)
• Hushed Pine Hollow color palette (#F5F0DB, #1F8F50, #004F4A, #292D00, #060900)
• Frosted Scarlet color palette (#D7F1DD, #00A4B4, #C84C53, #00616B, #350B0E)
• Hushed Cerulean color palette (#FEEEE8, #8CD6D9, #0088B0, #215D35, #2E152F)

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