Soft Field color palette — #D2ECE5 · #0071BC · #006C30 · #003B66 · #00220A

Royal Blue and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D2ECE5): A whisper-light, dusty teal — the color of sea glass.
• Royal Blue (#0071BC): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006C30): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003B66): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#00220A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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

• Fern Loft color palette (#D2EADB, #007A8F, #546100, #00414D, #191E00)
• Hushed Balcony color palette (#F8DCEF, #585BD1, #00685C, #2D00A3, #00201B)
• Softworn Bloom color palette (#F2E4F2, #006AC8, #7C4B00, #00356A, #0F0500)
• Aubergine Orchard color palette (#F3D5DC, #AA55C0, #007693, #700F85, #002E3C)
• Tempered Cobalt color palette (#D6E1EB, #008BE2, #956D00, #00568E, #251800)
• Hushed Ultramarine color palette (#D9E7FF, #0048D3, #800081, #004747, #010E31)
• Pale Drift color palette (#CBEEE4, #65B6FF, #BD8203, #0061A2, #261700)
• Weathered Grape Basin color palette (#FFF1F6, #A47AE4, #00909A, #722FBA, #004349)

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