Frosted Harbor color palette — #F5F9D7 · #4BAB36 · #EA1766 · #BE2A34 · #0D0E00

Fuchsia and Brick set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F5F9D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#4BAB36): A luminous, vivid green — the color of a quiet forest floor.
• Fuchsia (#EA1766): A luminous, vivid red — the color of a theater curtain.
• Brick (#BE2A34): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#0D0E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy. Tagged vibrant.

Use it as a design system

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

• Hushed Scarlet Pier color palette (#EDFCD3, #00AD70, #F0161D, #B63C00, #090F00)
• Faded Plum Loft color palette (#F1FBD2, #2EC169, #AE36A1, #A3004E, #001104)
• Misty Peony color palette (#FEF7CB, #8A9D00, #D627AE, #AC2E8C, #0B0E00)
• Feathered Raspberry Lagoon color palette (#E6FDE3, #009F97, #C82C7F, #4E5200, #010B00)
• Hushed Rose color palette (#EEFAE1, #33D6A2, #D5515E, #AB5826, #142002)
• Sunlit Brick Archive color palette (#B7EFE1, #008E7A, #C80713, #9F0F11, #000202)
• Ember Chapel color palette (#DEFFE5, #00A5B4, #C96000, #A64E00, #001012)
• Pale Iris color palette (#C9E8DC, #00BA91, #9680F3, #C76A2E, #00261C)

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