Sunlit Forest Harbor color palette — #FFF2ED · #9FF7FB · #289FCA · #0C6E38 · #021D42

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#9FF7FB): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#289FCA): A luminous, balanced blue — the color of open sky before noon.
• Pine (#0C6E38): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#021D42): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Iris Hollow color palette (#FFF3E9, #C7ECFF, #5A91E7, #006B60, #1D183C)
• Hushed Sky color palette (#FEF2ED, #D3D9EC, #52B0E9, #2B805D, #3F223B)
• Periwinkle Grove color palette (#FFEFFF, #5FA5FF, #787500, #356926, #000C22)
• Cobalt Station color palette (#FFF2EA, #7CDBF9, #117DD1, #005342, #080230)
• Weathered Atelier color palette (#E6F1EF, #ADDCEB, #00B9CD, #009288, #00343F)
• Weathered Ridge color palette (#F6EBF3, #89BACA, #00748F, #005239, #003150)
• Antique Summit color palette (#FFF0FE, #E4D9E2, #FABDB3, #2C969F, #311726)
• Dusty Cabin color palette (#F9EBE4, #5BAFC6, #00588F, #002C20, #01000B)

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