Tempered Lagoon Pier color palette — #FBF5E6 · #DED19D · #AAB678 · #399E97 · #4A4840

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#DED19D): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#AAB678): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#399E97): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4A4840): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Dusty Cocoa Drift color palette (#FCF4E8, #F3C5AC, #CBA77B, #6B9A69, #693B00)
• Taupe Orchard color palette (#FAF6DC, #DDDEC5, #AFC8B4, #89A995, #3D574D)
• Worn Cerulean color palette (#F9F6E4, #B8DCB1, #80BEA0, #4695BF, #444E00)
• Worn Taupe Summit color palette (#EDF9EC, #FFD3AD, #99AC62, #706C9B, #344437)
• Jade Summit color palette (#F3EFDA, #9CC98B, #4CAD7C, #007FA9, #30312A)
• Ancient Summit color palette (#F4F6ED, #A8D5AB, #6AB9BA, #528CC0, #463B60)
• Worn Mustard Garden color palette (#F7F1E3, #C6B86B, #8C7B32, #6A5100, #25211A)
• Tempered Marigold color palette (#E6F7EB, #C7A75A, #7C7D3D, #2D5A61, #213027)

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