Seafoam Field color palette — #FFF6CA · #B1F2D1 · #6BDCD1 · #B17C3E · #444A1F

Lagoon and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF6CA): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#B1F2D1): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#6BDCD1): A whisper-light, balanced teal — the color of sea glass.
• Caramel (#B17C3E): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#444A1F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged pastel, light.

Use it as a design system

One click turns Seafoam Field 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 Bronze color palette (#FFF5D4, #BEE5BD, #69C0BA, #9B722B, #1E3916)
• Apricot Garden color palette (#E2FDEE, #A1E6E4, #CDD1DC, #D59253, #1F4B3D)
• Amber Grove color palette (#FFF3E4, #FFF09B, #93D898, #C96F53, #4A453F)
• Powdered Bronze color palette (#DAFFF0, #D9F7B4, #90C98D, #817100, #3D490C)
• Moss Market color palette (#DFFFE2, #AAEFFF, #86D7FF, #8E9F3D, #12563E)
• Airy Bronze color palette (#FCEDCD, #AFBC7F, #9B851D, #855402, #1F3E17)
• Pale Mustard color palette (#FFF6D2, #B8F1CF, #9CF09E, #C2B232, #3B461E)
• Airy Orchard color palette (#DAFFEF, #7FF1F6, #6FBEFF, #5C8924, #004140)

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