Pine Field color palette — #FFF0FA · #A0EBE6 · #00AEC8 · #13874E · #004563
Fern and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#A0EBE6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00AEC8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#13874E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Pale Azure Summit color palette (#FFF0F9, #B5E2FC, #40A3EC, #00837A, #2A3D6D)
- Powdered Garden color palette (#F7EAF3, #8ED2D7, #0094BA, #006F50, #023051)
- Feathered Aqua color palette (#ECF8F5, #A9F5F1, #00CFD7, #00A891, #004951)
- Softworn Lagoon Cabin color palette (#FAF3F8, #D6D5E8, #92B7CF, #549582, #445466)
- Antique Denim color palette (#EEDCE7, #509FB4, #005E8C, #003C35, #000525)
- Tempered Cobalt Studio color palette (#FBEBF3, #7ABCD4, #007AC0, #005A53, #081751)
- Faded Aqua Thicket color palette (#D8FFF6, #92F7FC, #52DBFC, #978E2F, #234A2E)
- Aged Moss Harbor color palette (#E4DFCE, #C0B700, #779E00, #007521, #004E38)
Browse the whole catalog at Explore, or see today's palette.