Weathered Field color palette — #D2E6E5 · #1CABC8 · #006B91 · #003E78 · #151A4B
Built around Cyan, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Silver (#D2E6E5): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#1CABC8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006B91): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E78): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#151A4B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Linen Veranda color palette (#D5F0F5, #2DA0CB, #066AC4, #292994, #211646)
- Softworn Turquoise color palette (#C0E5F2, #11B0E2, #0073A2, #00537D, #133D5E)
- Lagoon Boulevard color palette (#D5F4E3, #2EA392, #007174, #004B5F, #002539)
- Azure Orchard color palette (#E7F9FF, #7BD6FF, #009BD4, #0069A1, #002D4F)
- Dusty Denim color palette (#FEE4FE, #7EAEE2, #1C63B0, #003465, #000E21)
- Hushed Bronze Delta color palette (#D8EFE6, #469BCA, #A96D00, #005C83, #2A1800)
- Navy Coast color palette (#D3E8EA, #007397, #004774, #070084, #07002E)
- Weathered Mallow Pier color palette (#D6FBF1, #E9C8E0, #CF9ED4, #007C87, #361B32)
Browse the whole catalog at Explore, or see today's palette.