Amber Lagoon color palette — #E9F6EB · #B48419 · #187655 · #0D446C · #2E122C

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Mustard (#B48419): A luminous, balanced gold — the color of honey in a jar.
• Pine (#187655): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0D446C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2E122C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Dusty Amber Orchard color palette (#FFF3E9, #B4794C, #007369, #583968, #4C203A)
• Tempered Moss color palette (#E2F8EE, #8F9504, #00727E, #493564, #380F04)
• Aged Ember Studio color palette (#FEECF8, #D16C57, #5E6C24, #004A51, #201739)
• Misty Basin color palette (#BFEDD5, #7E7400, #00585A, #350073, #240001)
• Sunlit Corridor color palette (#FAF5E9, #BDA343, #5F8E5D, #006C69, #5A2710)
• Pale Pine color palette (#D8F0ED, #00822C, #004B75, #49003A, #120800)
• Shadow Bronze color palette (#D4E2D9, #8A7300, #17382E, #0A1A11, #040804)
• Antique Lagoon color palette (#E5F7F0, #9EBE95, #518164, #654D59, #0E2D29)

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