Coral Lagoon color palette — #FFD3D7 · #FD8364 · #B97300 · #816500 · #3F4B00

Salmon and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD3D7): A whisper-light, dusty red — the color of embers at dusk.
• Salmon (#FD8364): A luminous, balanced orange — the color of toasted spice.
• Ochre (#B97300): A luminous, balanced gold — the color of old brass.
• Ochre (#816500): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3F4B00): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Pale Ember Harbor color palette (#FFDFE6, #FF8482, #D95500, #845300, #4B4100)
• Bronze Quarry color palette (#FFDED3, #E09D5F, #A07600, #606400, #22471E)
• Hushed Amber Meadow color palette (#F5DED0, #B68000, #725D00, #3C4500, #012503)
• Frosted Olive color palette (#FFE1EC, #DABA7D, #9B9832, #498127, #1E5233)
• Sunlit Bronze color palette (#FFF5D7, #EABE5D, #A08200, #6A4E00, #332500)
• Terracotta Field color palette (#DEF7DB, #C0B67B, #B2792B, #9D3E24, #2C3B13)
• Rose Ridge color palette (#FFF1F5, #E0ECBF, #7DDCC5, #E55854, #51481B)
• Worn Parlor color palette (#F9DDF9, #F985B5, #E93153, #AA3E00, #593100)

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