Cocoa Lagoon color palette — #F9D0E9 · #00A999 · #0070A8 · #7B2A00 · #002A2E

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#F9D0E9): A whisper-light, dusty pink — the color of a candy shop window.
• Turquoise (#00A999): A luminous, balanced teal — the color of glacier melt.
• Peacock (#0070A8): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7B2A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002A2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Muted Field color palette (#FFE7F1, #1CB8B3, #377BBB, #804400, #0A3545)
• Gentle Jade color palette (#FBCFEA, #27AC69, #007688, #7B2045, #002B24)
• Sunlit Teal Meadow color palette (#FFF2EB, #00BBA9, #0072AA, #6D2400, #001806)
• Worn Sapphire Harbor color palette (#CDE6CE, #00A4BC, #4D61B6, #604100, #00283B)
• Feathered Ultramarine Study color palette (#FFEAF0, #00929B, #1D52AE, #502F00, #001923)
• Grape Drift color palette (#CFE7E9, #009D7F, #6D4AB0, #643400, #291D00)
• Tempered Turquoise color palette (#CCEAE3, #6AB4C9, #747FAD, #785827, #4A3000)
• Hushed Aqua color palette (#E7FCE9, #58C2D9, #7583B6, #7E5D22, #254054)

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