Amber Lagoon color palette — #FFF4DA · #FF9796 · #B19500 · #007D55 · #222A00
A conversation between Mustard and Rose Quartz, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
- Rose Quartz (#FF9796): A luminous, balanced orange — the color of toasted spice.
- Mustard (#B19500): A luminous, balanced green — the color of fresh herbs.
- Teal (#007D55): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#222A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Chalky Amber color palette (#FFF3E9, #FF9BB7, #E08300, #008A55, #382A00)
- Apricot Canyon color palette (#E6FFCC, #FF964A, #939B00, #008485, #053403)
- Misty Lime Harbor color palette (#FFF6CF, #FFC48E, #A7B200, #008C95, #08401F)
- Marigold Delta color palette (#FFF1CB, #F9A41E, #C69C00, #707300, #171100)
- Quiet Lantern color palette (#FFF2EE, #FF95E2, #FC4E1F, #6F7F00, #3C2200)
- Misty Drift color palette (#FFF4E1, #FFBF68, #DAAE00, #949600, #2C2400)
- Moss Atelier color palette (#FCE6CE, #A69500, #5D7400, #005026, #00383A)
- Muted Emerald Thicket color palette (#DCE4BC, #AF9400, #009355, #006382, #001811)
Browse the whole catalog at Explore, or see today's palette.