Amber Lagoon color palette — #F1F7F0 · #BE8E4C · #007F8F · #6E4266 · #463C59

Built around Mustard, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Mustard (#BE8E4C): A luminous, balanced gold — the color of old brass.
• Teal (#007F8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#6E4266): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#463C59): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Washed Workshop color palette (#EBF9F3, #949F65, #4375A2, #794043, #54374E)
• Dusty Pine Lantern color palette (#FCF1FA, #C3867C, #3A824C, #42517F, #453D5A)
• Ancient Pier color palette (#E9FBE9, #B5D6CA, #77A1A3, #736C80, #5A4A56)
• Hushed Moss color palette (#F5F2E6, #9CA34E, #3B8162, #045662, #392106)
• Tempered Aubergine Summit color palette (#E9FBEB, #A37400, #00666D, #680070, #5A120D)
• Emerald Villa color palette (#DEFEEC, #B6C482, #56984F, #347455, #2E555B)
• Denim Boulevard color palette (#EAF9F5, #6A993C, #2862AF, #7C2529, #532D0F)
• Worn Dune color palette (#FBF5E7, #D5C888, #78B7B1, #7D83B0, #5B3830)

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