Straw Lagoon color palette — #FBF4E8 · #CEDE9C · #8CBA8D · #A58887 · #4D4300

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Celadon Mist (#CEDE9C): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#8CBA8D): A luminous, balanced green — the color of a quiet forest floor.
• Heather (#A58887): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#4D4300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Jade Villa color palette (#FFF4DF, #BFD397, #77B082, #87837C, #36362F)
• Worn Celadon color palette (#F1FCCB, #CEE993, #A0B967, #768C4B, #26350E)
• Dusty Fern color palette (#FDF5DB, #B8F7E7, #93DAEC, #CAAF90, #544F00)
• Weathered Honey color palette (#FFE5CB, #F7BC48, #B3AC3C, #7B8A4D, #494942)
• Chalky Quarry color palette (#FCF5E1, #DACF66, #C6AEFD, #ABA149, #573746)
• Feathered Lime Atelier color palette (#F5ECC5, #74DC71, #00B189, #B05F69, #0A380B)
• Mustard Hollow color palette (#FEF5D6, #C3C72A, #ACA8FF, #C586B8, #3A3831)
• Aged Powder Studio color palette (#FBF3EE, #C0ECEA, #8FC3F1, #57A8A0, #573E53)

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