Pine Field color palette — #CBEDEE · #008C61 · #382F32 · #002937 · #000505

Fern and Midnight set the tone — five colors that lean into sophistication.

The five colors

• Frost (#CBEDEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008C61): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#382F32): a grounded near-black with real depth.
• Midnight (#002937): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000505): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Lagoon Studio color palette (#C0EFFC, #008887, #002740, #101016, #000507)
• Forest Courtyard color palette (#CFF0F1, #006549, #34343A, #00201B, #000707)
• Inked Olive color palette (#D0EDE1, #757E00, #002D1C, #161923, #000503)
• Dusty Pier color palette (#E3EED6, #00A47A, #215F55, #243700, #040501)
• Patina Mint color palette (#E0FEED, #96CC88, #108A71, #585229, #001E1A)
• Teal Field color palette (#E5F9FF, #00B4B5, #35485A, #102126, #020606)
• Faded Thicket color palette (#C4FDB9, #00D2AA, #009290, #004B5F, #002237)
• Soft Forest Market color palette (#FCF1FC, #99F9F9, #00A1CA, #076F2D, #021E3D)

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