Straw Harbor color palette — #FFF4E2 · #FBD980 · #92AC77 · #5C7397 · #4E3D00

Lemon and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Lemon (#FBD980): A whisper-light, balanced gold — the color of honey in a jar.
• Sage (#92AC77): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#5C7397): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#4E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Straw Garden color palette (#FFF4E2, #E4E28F, #7DB182, #8A657E, #403F38)
• Hushed Cocoa color palette (#FEF3E7, #EECA95, #9AB98A, #8F84AD, #5B4400)
• Softworn Taupe color palette (#FFF4E2, #FFD1C0, #BE9C61, #5A7C65, #5E3300)
• Seafoam Workshop color palette (#FFF4E2, #8BE2AB, #42A3A3, #775679, #2B3522)
• Worn Olive color palette (#EBF9F2, #AAAB7F, #65814B, #00666C, #344E45)
• Stone Lantern color palette (#FFF4DC, #D2E3CC, #B4C0A5, #A28A9A, #5C4C51)
• Bronze Terrace color palette (#F6F6E8, #B9E5F0, #A1B690, #AC7A44, #404D00)
• Ancient Aubergine color palette (#FFECF2, #C8A47B, #6A824D, #63407C, #1D3124)

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