Amber Lagoon color palette — #FFF3E7 · #BD8142 · #5783AB · #416381 · #583300
A conversation between Caramel and Cocoa, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Caramel (#BD8142): A luminous, balanced gold — the color of old brass.
- Storm Blue (#5783AB): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#416381): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#583300): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Wandering Coral Veranda color palette (#FFF2EE, #C6757F, #498B92, #30696F, #4A3834)
- Patina Amber Corridor color palette (#FBF5E6, #A39037, #757AAB, #76526A, #403D36)
- Moss Delta color palette (#F9F5E6, #938916, #197595, #0D536B, #40302F)
- Wandering Taupe Boulevard color palette (#FFF2E9, #C6A25E, #4B8665, #734C5C, #4A4841)
- Dusty Taupe color palette (#FDF3E8, #CBA370, #7BA88A, #9A6983, #563500)
- Hushed Taupe color palette (#E8F6E9, #AF8F5D, #599173, #7A505F, #172719)
- Patina Thicket color palette (#FFF4E1, #937100, #415DC0, #2B4195, #382900)
- Worn Apricot Grove color palette (#FCF3EC, #F2AF84, #3E8C84, #965D36, #293027)
Browse the whole catalog at Explore, or see today's palette.