Dusty Straw Harbor color palette — #FFF3E7 · #F4E684 · #90AC77 · #4A769E · #343D58

Built around Butter, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Butter (#F4E684): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#90AC77): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#4A769E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#343D58): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty Straw 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 Study color palette (#DEFFE7, #D6E3AF, #71A8A7, #647188, #34364E)
• Taupe Field color palette (#FFF1F1, #FFCAAE, #B39C69, #37797F, #0F415D)
• Softworn Harbor color palette (#F3EED0, #8BBC6B, #428A6B, #373B6A, #270C34)
• Lagoon Hollow color palette (#E6E6AE, #A9B985, #5D8758, #00666E, #004E63)
• Softworn Basalt Lantern color palette (#FFE4DC, #EAC689, #9DBA8C, #907DAF, #5B3667)
• Emerald Harbor color palette (#E4EBD6, #5CA06F, #006C68, #34214A, #1A0016)
• Softworn Mustard color palette (#FFEDD3, #C7C277, #619167, #435773, #232843)
• Emerald Atelier color palette (#E3FCEF, #C6E78B, #5BA657, #925A4C, #27340B)

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