Straw Lantern color palette — #ECF9F0 · #F8E69F · #CDD9CA · #BECB8F · #3C5246

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Butter (#F8E69F): A whisper-light, balanced green — the color of a quiet forest floor.
• Oat (#CDD9CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#BECB8F): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#3C5246): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Seafoam Workshop color palette (#E4FBF7, #EAFEB2, #85F6D7, #99D4B9, #2D4947)
• Sunlit Straw Basin color palette (#DAFFEF, #CCDD88, #AAC87E, #7E996B, #2C544E)
• Aged Terrace color palette (#FFF1F7, #E5DACE, #E2C699, #ADBDCA, #5C424B)
• Celadon Summit color palette (#E3FBF6, #B8E59D, #89D1F8, #90B57A, #355164)
• Mustard Studio color palette (#E7F6ED, #C8B959, #678377, #4C5851, #1D231F)
• Wandering Market color palette (#EAF5EC, #E2D5C0, #E7C97A, #2AB98C, #123828)
• Pale Chartreuse color palette (#DAFFF0, #FFE791, #D2E41A, #87D165, #313B00)
• Amber Veranda color palette (#C7E7D6, #CC9200, #6E9C39, #008A4C, #020200)

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