Forest Coast color palette — #FCF1F9 · #AEF5EF · #00A4B9 · #006F38 · #002231

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sea Foam (#AEF5EF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A4B9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F38): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Forest Coast 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

• Tempered Grove color palette (#FEF1F9, #C7ECFF, #009CE3, #006B5F, #0A1D3E)
• Softworn Turquoise Orchard color palette (#EFF0E1, #82E7E1, #02BBC0, #11937C, #00353B)
• Dusty Cobalt color palette (#FDF1F9, #96D8E5, #0085B5, #005344, #000C22)
• Wandering Delta color palette (#F4E9F1, #60B0BB, #005D7B, #002C21, #000104)
• Washed Loft color palette (#EEF6FF, #42AAFF, #A45C00, #6D7100, #000D1E)
• Cypress Study color palette (#F6EDDF, #82BEBA, #007680, #00523A, #003441)
• Sky Bloom color palette (#FDF1F8, #D2D5E5, #3EBAFF, #008979, #1B345E)
• Mallow Market color palette (#EEF6FF, #E0D9E2, #FFB0F8, #0E91A6, #18273F)

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