Amber Lagoon color palette — #FCF4EB · #C78B45 · #007048 · #704400 · #141C02
Mustard and Pine set the tone — five colors that lean into optimism and balance.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Mustard (#C78B45): A luminous, balanced gold — the color of old brass.
- Pine (#007048): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#704400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#141C02): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Balance. Tagged duotone.
Use it as a design system
One click turns Amber 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
- Gentle Terracotta Boulevard color palette (#FEF3ED, #D2816B, #2F6E30, #8E2300, #181A01)
- Weathered Market color palette (#EDF4EF, #B29E65, #44731F, #685200, #000907)
- Worn Lantern color palette (#F8F5EE, #C6AC62, #008075, #745D00, #1D2819)
- Tempered Balcony color palette (#F8F6E9, #93A343, #006B6E, #4B5600, #081E0B)
- Wandering Bronze color palette (#FFEBD7, #9E8400, #006D37, #56276B, #32302A)
- Patina Olive color palette (#FAF4EB, #D3AF5B, #7B8923, #8E6C00, #1D1801)
- Misty Olive color palette (#FFD79E, #A7A056, #4D7421, #005429, #003934)
- Tempered Boulevard color palette (#F8F5EE, #D6DBD3, #B0B7A1, #746310, #3D3A34)
Browse the whole catalog at Explore, or see today's palette.