Apricot Lagoon color palette — #FFF3E8 · #ED9B5D · #6D9972 · #446E8A · #57393D

Apricot and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Apricot (#ED9B5D): A luminous, balanced gold — the color of old brass.
• Moss (#6D9972): A luminous, dusty green — the color of fresh herbs.
• Slate (#446E8A): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#57393D): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Apricot 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

• Coral Thicket color palette (#FFF2ED, #EC978F, #8A9256, #4F7358, #543946)
• Hushed Alley color palette (#FAF5E7, #BBB560, #4E9B98, #606492, #5A3932)
• Ancient Pier color palette (#FFF3E9, #E4D6BF, #B2AF95, #72877F, #5B4957)
• Amber Harbor color palette (#FFF3E3, #CA8F00, #008D66, #00569D, #4D1840)
• Timeworn Cerulean color palette (#F9F3FB, #EFB5C0, #A3B175, #388FC4, #5D3441)
• Antique Petrol color palette (#EDF8F6, #B7D7AB, #5EA9A3, #1F72A2, #383258)
• Amber Cabin color palette (#FAF0E4, #C98E40, #705300, #3E372E, #26201C)
• Softworn Bronze color palette (#FBF4E7, #CFD7A5, #9E9E77, #AC6A4E, #5B4D00)

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