Soft Field color palette — #F6F2E3 · #777E18 · #006440 · #00434A · #002B57

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#777E18): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006440): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00434A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002B57): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Softworn Drift color palette (#E9ECC6, #318300, #005851, #00384E, #312100)
• Tempered Olive Studio color palette (#ECE1B2, #ACB282, #77752B, #3D5B3E, #144441)
• Misty Meadow color palette (#FDF0DD, #986F00, #415F04, #004537, #4E1418)
• Frosted Moss Delta color palette (#F9F5E7, #918D32, #25744A, #00525A, #562B00)
• Muted Fern color palette (#E9E3D1, #5D5B00, #004223, #002527, #210A00)
• Pale Navy color palette (#F0FAE1, #009564, #006573, #07398B, #313300)
• Hushed Aubergine color palette (#F9EAE5, #BC575E, #00672D, #2F1385, #2E0008)
• Sunlit Cabin color palette (#FFEEE5, #B5573B, #695000, #1A4600, #491432)

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