Pale Field color palette — #F4F7E8 · #C0ECFF · #4DC3FF · #00A2B9 · #024469

A conversation between Sky and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Frost (#C0ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#4DC3FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00A2B9): A luminous, balanced blue — the color of open sky before noon.
• Navy (#024469): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pale 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 Teal color palette (#F6F6EA, #A3F6F3, #42CCD5, #00A892, #004952)
• Dusty Lagoon color palette (#EDF0E4, #A7DBFC, #6AABE1, #008CAE, #062E57)
• Aged Cerulean color palette (#E8F5F4, #97DBF6, #008EC2, #00606E, #002840)
• Tempered Turquoise Workshop color palette (#F4F6EF, #C9E6EA, #A9CAEE, #71ABC6, #5D4C5D)
• Peony Orchard color palette (#FFF1F1, #FFA3D6, #76BDFF, #EA57B0, #003C69)
• Wandering Cerulean Chapel color palette (#E9EAD9, #79D1D4, #00A5B5, #007E74, #00242C)
• Worn Thicket color palette (#EDEDDA, #69AFAC, #00848B, #005F51, #000C0E)
• Worn Pier color palette (#FFE4E0, #FF89B2, #F09100, #A282FE, #51192F)

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