Pine Orchard color palette — #E0F2F1 · #008C43 · #004974 · #00451E · #000205

Fern and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E0F2F1): a clean, paper-quiet neutral.
• Fern (#008C43): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004974): A deep, shadowed, balanced blue — the color of open sky before noon.
• Forest (#00451E): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#000205): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Antique Olive color palette (#DCEFE7, #707D00, #004E5B, #353D00, #000203)
• Hushed Nightshade Parlor color palette (#CFE4E5, #008968, #2300CA, #004331, #00010C)
• Cypress Corridor color palette (#D4F3DF, #008074, #004F5F, #00253B, #010015)
• Muted Meadow color palette (#F7D5EA, #007463, #00435F, #3A0F00, #000405)
• Mulberry Station color palette (#D2E4ED, #0093AC, #87008B, #004E5C, #03000B)
• Grape Study color palette (#DDEDF1, #00A8A4, #7400E4, #005F5D, #020114)
• Abyss Lantern color palette (#E1EDEE, #93A9B2, #608CA8, #005146, #000C0E)
• Sunlit Indigo Summit color palette (#E2E4D2, #62A440, #635BE3, #225100, #050003)

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